.article-hero { padding: 9rem 0 3.8rem; background: radial-gradient(circle at 18% 12%, rgba(111,227,211,0.13), transparent 32%), linear-gradient(180deg, var(--bg-base), var(--bg-mid)); border-bottom: 1px solid rgba(111,227,211,0.16); }
.article-shell { max-width: 980px; margin: 0 auto; padding: 0 2rem; }
.article-kicker { color: var(--primary); letter-spacing: .28em; text-transform: uppercase; font-size: .68rem; font-weight: 600; margin-bottom: 1rem; }
.article-hero h1 { font-family: var(--font-display); font-size: clamp(2.55rem, 6.4vw, 5.6rem); font-weight: 400; line-height: .98; letter-spacing: -.03em; max-width: 920px; }
.article-desc { color: var(--text-2); max-width: 720px; margin-top: 1.35rem; font-size: 1.04rem; line-height: 1.78; }
.article-meta { display:flex; flex-wrap:wrap; gap:.7rem; margin-top: 2rem; color: var(--text-3); font-size: .74rem; letter-spacing:.1em; text-transform:uppercase; }
.article-layout { display:grid; grid-template-columns: minmax(0,1fr) 260px; gap:4rem; align-items:start; padding: 4.4rem 0 5.5rem; }
.article-body { color:#d8e2dd; font-size:1.02rem; line-height:1.88; }
.article-body h2 { font-family: var(--font-display); color: var(--text-1); font-size: clamp(1.75rem, 3vw, 2.35rem); font-weight:400; line-height:1.1; margin:3.2rem 0 1rem; }
.article-body h3 { color: var(--primary); font-size:.9rem; letter-spacing:.14em; text-transform:uppercase; margin:2rem 0 .7rem; }
.article-body p { margin: 0 0 1.22rem; }
.article-body ul, .article-body ol { list-style: disc; padding-left:1.3rem; margin: 0 0 1.5rem; color:#d8e2dd; }
.article-body ol { list-style: decimal; }
.article-body li { margin:.55rem 0; }
.article-body a { color: var(--primary); border-bottom: 1px solid rgba(111,227,211,.35); }
.article-body table { width:100%; border-collapse:collapse; margin:0 0 1.5rem; font-size:.92rem; }
.article-body th, .article-body td { border:1px solid rgba(111,227,211,.18); padding:.65rem .75rem; text-align:left; vertical-align:top; }
.article-body th { color:var(--text-1); background:rgba(111,227,211,.08); font-weight:600; }
.article-side { position: sticky; top: 6.5rem; border:1px solid rgba(111,227,211,.18); background:rgba(17,25,22,.72); padding:1.4rem; }
.article-side h2 { font-family:var(--font-display); font-weight:400; font-size:1.25rem; margin-bottom:.85rem; }
.article-side p { color:var(--text-2); font-size:.82rem; line-height:1.65; margin-bottom:1rem; }
.article-side a:not(.btn-p) { display:block; color:var(--text-2); font-size:.78rem; margin:.55rem 0; }
.article-side a:hover { color:var(--primary); }
.article-cta { margin-top:3rem; border:1px solid rgba(111,227,211,.24); background: linear-gradient(135deg, rgba(111,227,211,.1), rgba(111,227,211,.025)); padding:2rem; }
.article-cta h2 { margin-top:0; }
.faq-block { margin-top:3.5rem; border-top:1px solid rgba(111,227,211,.15); padding-top:2rem; }
.faq-item { border-bottom:1px solid rgba(111,227,211,.11); padding:1rem 0; }
.faq-item h3 { margin:.2rem 0 .5rem; color:var(--text-1); text-transform:none; letter-spacing:0; font-size:1rem; }
@media (max-width: 860px){ .article-layout{grid-template-columns:1fr; gap:2rem;} .article-side{position:static;} }