/* Article content only. Header, navigation and social bar are inherited from blog.html. */
.article-hero{padding:clamp(46px,8vw,88px) 0 34px}
.article-hero .kicker{color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.article-hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;margin:.35em 0;max-width:1000px}
.article-hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:800px;line-height:1.55}
.article{padding:18px 0 70px}
.article h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25;margin:2em 0 .55em}
.article h3{font-size:1.18rem;margin:1.6em 0 .4em}
.article p,.article li{color:var(--muted);line-height:1.72}
.article ul,.article ol{padding-left:1.3rem}
.toc,.note,.cta{background:linear-gradient(145deg,#19191f,#121216);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:28px 0}
.toc strong,.note strong{color:#fff}
.toc a{text-decoration:none;color:var(--gold)}
.cta{border-color:#e0c07866}
.cta h2{margin-top:0}
.button{display:inline-block;background:var(--gold);color:#17130b;text-decoration:none;font-weight:800;border-radius:999px;padding:11px 18px;margin:4px 8px 4px 0}
.button.secondary{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0 42px}
.photo-pair img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.photo-placeholder{margin:30px 0;padding:72px 24px;min-height:260px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(224,192,120,.65);border-radius:18px;background:linear-gradient(145deg,rgba(224,192,120,.1),rgba(18,18,22,.8));color:var(--gold);font-weight:800;letter-spacing:.04em}
@media(max-width:680px){.photo-pair{grid-template-columns:1fr;gap:14px}.article{padding-bottom:48px}}

.article-back{margin-top:-8px;margin-bottom:8px}