.article-hero{position:relative;overflow:hidden;padding:72px 24px;background:linear-gradient(135deg,#071a3a,#0b4ec9);color:#fff}.article-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 36%);pointer-events:none}.article-hero__inner{position:relative;z-index:1;max-width:920px;margin:0 auto}.article-hero .eyebrow{color:#bfdbfe!important;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:.78rem}.article-hero h1{max-width:900px;margin:12px 0 16px;color:#fff!important;font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.08}.article-hero__summary{max-width:780px;margin:0;color:#eaf2ff!important;font-size:1.08rem;line-height:1.75}.article-shell{max-width:1120px;margin:0 auto;padding:48px 24px 68px;display:grid;grid-template-columns:minmax(0,760px) 280px;gap:52px;align-items:start}.article-main{min-width:0}.article-back{display:inline-flex;margin-bottom:20px;color:#1d4ed8;font-weight:700;text-decoration:none}.article-back:hover{text-decoration:underline}.article-meta{display:flex;flex-wrap:wrap;gap:10px 16px;padding:0 0 22px;margin-bottom:30px;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:.86rem}.article-meta strong{color:#0f172a}.article-main h2{margin:40px 0 14px;color:#0f172a;font-size:1.7rem;line-height:1.25}.article-main h3{margin:28px 0 10px;color:#172554;font-size:1.2rem}.article-main p{margin:0 0 18px;color:#475569;font-size:1.02rem;line-height:1.82}.article-main ul,.article-main ol{margin:0 0 22px;padding-left:1.35rem;color:#475569;line-height:1.75}.article-main li{margin:.48rem 0}.article-note{margin:26px 0;padding:18px 20px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a;line-height:1.7}.article-note strong{color:#172554}.article-toc{position:sticky;top:92px;padding:22px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}.article-toc h2{margin:0 0 14px;font-size:1rem}.article-toc a{display:block;padding:7px 0;color:#475569;text-decoration:none;font-size:.9rem;line-height:1.35}.article-toc a:hover{color:#1d4ed8}.article-related{max-width:1120px;margin:0 auto;padding:0 24px 68px}.article-related h2{margin-bottom:18px}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-related-card{display:block;padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;text-decoration:none;color:#0f172a}.article-related-card:hover{border-color:#93c5fd;box-shadow:0 10px 24px rgba(15,23,42,.07)}.article-related-card span{display:block;margin-bottom:8px;color:#2563eb;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-related-card strong{line-height:1.4}.article-cta{max-width:1120px;margin:0 auto 70px;padding:32px 34px;border-radius:20px;background:#0f172a;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.article-cta h2{margin:0 0 7px;color:#fff}.article-cta p{margin:0;color:#cbd5e1;line-height:1.65}.article-cta .btn{white-space:nowrap}@media(max-width:900px){.article-shell{grid-template-columns:1fr;gap:28px}.article-toc{position:relative;top:auto;order:-1}.article-related-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.article-hero{padding:54px 18px}.article-shell{padding:34px 18px 52px}.article-related{padding:0 18px 52px}.article-related-grid{grid-template-columns:1fr}.article-cta{margin:0 18px 52px;padding:26px 22px;display:block}.article-cta .btn{margin-top:18px;display:inline-flex}}