.article-hero{padding:clamp(3rem,7vw,6rem) 0 2.4rem}
.article-hero__inner{max-width:880px}
.article-hero h1{font-family:var(--f-disp);font-size:clamp(2.25rem,5.5vw,4.8rem);line-height:1.03;letter-spacing:-.055em;margin:.8rem 0 1.4rem;max-width:18ch}
.article-hero__lead{max-width:67ch;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.22rem);margin:0 0 1.4rem}
.article-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.article-meta span+span:before{content:"·";margin-right:1rem;color:var(--amber)}
.article-visual{max-width:880px;margin:0 auto 2.5rem;border:1px solid var(--amber-line);border-radius:28px;overflow:hidden;background:var(--ink-2)}
.article-visual img{display:block;width:100%;height:clamp(250px,42vw,480px);object-fit:cover}
.article-visual figcaption{padding:.75rem 1rem;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line)}
.article-visual--icon{min-height:clamp(220px,34vw,360px);display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 55%,rgba(245,165,36,.18),transparent 35%),var(--ink-2)}
.article-visual--icon::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(200,212,227,.16) 1px,transparent 1px);background-size:20px 20px;opacity:.48}
.article-visual--icon svg{position:relative;width:clamp(88px,12vw,126px);height:clamp(88px,12vw,126px);stroke:var(--amber);fill:none;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 12px 28px rgba(245,165,36,.24))}
.article-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(230px,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding-bottom:clamp(4rem,8vw,7rem)}
.article-body{font-size:1.05rem;line-height:1.78;color:#c8d4e3}
.article-body h2{font-size:clamp(1.5rem,3vw,2.15rem);max-width:none;margin:2.7rem 0 1rem;color:var(--text)}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0 0 1.25rem}
.article-body strong{color:var(--text)}
.article-body ul{padding-left:1.25rem;display:grid;gap:.55rem;margin:0 0 1.35rem}
.article-callout{padding:1.25rem 1.35rem;margin:2rem 0;border:1px solid var(--amber-line);border-left:3px solid var(--amber);border-radius:0 var(--r) var(--r) 0;background:var(--amber-soft);color:var(--text)}
.article-callout p:last-child{margin-bottom:0}
.article-callout .btn{margin-top:.3rem}
.article-side{position:sticky;top:96px;display:grid;gap:1rem}
.article-side .card{padding:1.25rem}
.article-side h2{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:.65rem}
.article-side p{margin:0;color:var(--muted);font-size:.88rem}
.article-side .btn{width:100%;margin-top:.9rem}
.article-source{margin-top:2.8rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
@media(max-width:820px){.article-layout{grid-template-columns:1fr}.article-side{position:static}.article-visual{border-radius:20px;margin-inline:1rem}.article-meta span+span:before{display:none}.article-meta{gap:.35rem 1rem}}