.article-hero{padding:calc(var(--header) + 74px) 0 70px;background:radial-gradient(circle at 80% 20%,rgba(0,191,255,.1),transparent 30%),#070a0e;border-bottom:1px solid var(--border)}
.article-hero h1{max-width:18ch}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.article-meta span{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.76rem}
.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:70px;align-items:start}.article-toc{position:sticky;top:110px;display:grid;gap:10px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.article-toc strong{margin-bottom:8px}.article-toc a:not(.btn){color:var(--muted);font-size:.86rem}.article-body h2{margin-top:56px}.article-body p{color:var(--muted);font-size:1.03rem;line-height:1.85}.article-intro{padding:28px;border-left:3px solid var(--accent);background:var(--surface)}.article-callout{margin-top:52px;padding:28px;border:1px solid rgba(0,191,255,.25);border-radius:18px;background:rgba(0,191,255,.05)}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-card,.insight-card{display:flex;flex-direction:column;min-height:245px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:.25s}.topic-card:hover,.insight-card:hover{transform:translateY(-4px);border-color:rgba(0,191,255,.4)}.topic-card p,.insight-card p{color:var(--muted)}.topic-card span,.insight-card .textlink{margin-top:auto;padding-top:22px;color:#fff;font-weight:800}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brand img,.footergrid img{object-fit:contain}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-toc{position:static}.topic-grid,.insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topic-grid,.insight-grid{grid-template-columns:1fr}.topic-card,.insight-card{min-height:0}}