/* ═══════════════════════════════════════════════
   DELKI ARTICLE / RESOURCES STYLES
═══════════════════════════════════════════════ */

.art-breadcrumb{
  padding:120px 0 0;
}
.art-breadcrumb .container{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:0.82rem;color:var(--text-muted);
}
.art-breadcrumb a{color:var(--gold);font-weight:600;}
.art-breadcrumb a:hover{opacity:0.75;}

/* ── Article hero — a branded header card (echoes the DELKI PDF cover: crest,
   gold divider, centered title) without forcing a literal full-page cover
   onto a scrolling web page. ── */
.art-hero{padding:32px 0 40px;}
.art-hero .container{max-width:760px;}
.art-hero-card{
  background:var(--card-bg);border:1px solid var(--gold);border-radius:24px;
  padding:44px 32px;text-align:center;
}
.art-hero-crest{height:52px;width:auto;margin:0 auto 14px;}
.art-hero-brand{
  font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;letter-spacing:0.08em;
  color:var(--gold);text-transform:uppercase;margin-bottom:14px;
}
.art-hero-divider{width:60px;height:1px;background:var(--gold);margin:0 auto 18px;opacity:0.6;}
.art-category{
  display:inline-block;font-size:0.72rem;font-weight:800;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--gold);background:var(--gold-dim);
  padding:6px 14px;border-radius:20px;margin-bottom:18px;
}
.art-title{font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.2;margin-bottom:14px;font-weight:700;}
.art-meta{
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  font-size:0.85rem;color:var(--text-muted);margin-bottom:22px;
}
.art-meta-item{display:flex;align-items:center;gap:6px;}
.art-hero-subtitle{
  font-size:1.05rem;line-height:1.7;color:var(--text-muted);
  max-width:560px;margin:0 auto;
}
.art-actions{display:flex;gap:12px;margin-top:26px;justify-content:center;flex-wrap:wrap;}
.art-pdf-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;border-radius:50px;border:1.5px solid var(--border);
  background:var(--btn-ghost-bg);color:var(--text-muted);
  font-size:0.83rem;font-weight:700;transition:all 0.25s;
}
.art-pdf-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);}
.art-pdf-btn svg{width:16px;height:16px;}
.art-pdf-btn.loading{opacity:0.6;pointer-events:none;}

/* ── Article body (prose) ── */
.art-body{padding:8px 0 60px;}
.art-body .container{max-width:760px;}
.art-content{font-size:1.05rem;line-height:1.85;color:var(--text);}
.art-content > *+*{margin-top:22px;}
.art-content h2{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;margin-top:44px;color:var(--text);}
.art-content h3{font-family:'Playfair Display',serif;font-size:1.28rem;font-weight:700;margin-top:32px;color:var(--text);}
.art-content p{color:var(--text);}
.art-content ul,.art-content ol{padding-left:1.4em;color:var(--text);}
.art-content li{margin-top:8px;}
.art-content li::marker{color:var(--gold);}
.art-content strong{color:var(--text);font-weight:700;}
.art-content a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.art-content a:hover{opacity:0.8;}
.art-content blockquote{
  border-left:3px solid var(--gold);padding:4px 0 4px 22px;
  font-style:italic;color:var(--text-muted);font-size:1.1rem;
}
.art-content img{border-radius:16px;margin:8px 0;}
.art-content hr{border:none;border-top:1px solid var(--border);margin:36px 0;}

/* Tables (checklists, vocab, dialogue) — matches the DELKI brand PDF: solid
   dark header bar with a gold underline, alternating row tint. */
.art-content table{width:100%;border-collapse:collapse;font-size:0.95rem;border:1px solid var(--border);}
.art-content th,.art-content td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);}
.art-content th{background:#1a1a1a;color:#fff;font-weight:700;border-bottom:2px solid var(--gold);}
.art-content tr:last-child td{border-bottom:none;}
.art-content tr:nth-child(even) td{background:var(--gold-dim);}

/* Callout box (info notes, "Munich note", etc.) — reuses the summary-box look */
.art-callout{
  background:var(--gold-dim);border-left:3px solid var(--gold);
  border-radius:0 12px 12px 0;padding:16px 20px;
}
.art-callout p{margin:0;}
.art-callout strong{color:var(--gold-dk);}

/* ── Bottom CTA ── */
.art-cta{
  margin-top:56px;padding:36px 32px;border-radius:20px;
  background:var(--surface2);border:1px solid var(--border);
  text-align:center;
}
.art-cta h3{font-family:'Playfair Display',serif;font-size:1.4rem;margin-bottom:10px;}
.art-cta p{color:var(--text-muted);margin-bottom:22px;font-size:0.95rem;}
.art-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ── Resources listing page ── */
.res-hero{padding:150px 0 60px;text-align:center;}
.res-hero h1{font-size:clamp(2.2rem,5vw,3.2rem);margin-bottom:16px;}
.res-hero p{color:var(--text-muted);font-size:1.05rem;max-width:560px;margin:0 auto;}
.res-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:28px;padding:0 0 90px;
}
.res-card{
  background:var(--card-bg);border:1px solid var(--border);border-radius:20px;
  padding:28px;transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;
  display:flex;flex-direction:column;
}
.res-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(201,168,76,0.35);}
.res-card .art-category{margin-bottom:14px;}
.res-card h2{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;margin-bottom:10px;line-height:1.35;}
.res-card p{color:var(--text-muted);font-size:0.9rem;line-height:1.6;flex:1;margin-bottom:18px;}
.res-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:700;font-size:0.85rem;}
.res-card-link svg{width:14px;height:14px;transition:transform 0.25s;}
.res-card:hover .res-card-link svg{transform:translateX(3px);}

@media(max-width:768px){
  .art-breadcrumb{padding:100px 0 0;}
  .res-hero{padding:120px 0 44px;}
  .art-hero-card{padding:32px 20px;}
  .art-cta{padding:28px 20px;}
}