:root{--ink:#14202f;--muted:#5f6b7c;--line:#dbe3ef;--paper:#f6f8fc;--green:#1c3d6e;--mint:#dbe6f6;--lime:#9cc2ff;--white:#fff;--shadow:0 18px 50px rgba(20,40,80,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit}::selection{background:var(--lime);color:var(--green)}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.narrow{width:min(760px,calc(100% - 32px));margin:auto}
.topbar{background:#0f2036;color:#d5e0f0;text-align:center;padding:10px 20px;font-size:12px;letter-spacing:.045em}.topbar span{color:#9cc2ff;font-weight:700}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.06em;text-decoration:none}.brandmark{width:38px;height:38px;display:block}.brandmark img{width:38px;height:38px;display:block;border-radius:11px}
.navlinks{display:flex;gap:26px;font-size:13px;font-weight:700;color:#4b5a70}.navlinks a{text-decoration:none}.navlinks a:hover{color:#2f6bd0}
.crumbs{font-size:12px;color:var(--muted);padding:18px 0 0}.crumbs a{text-decoration:none}.crumbs a:hover{color:#2f6bd0}
.article-head{padding:28px 0 8px}.kicker{color:#2f6bd0;text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:11px}
h1{font-family:Manrope,sans-serif;font-size:clamp(30px,4.4vw,46px);line-height:1.2;letter-spacing:-.05em;margin:12px 0 16px}
.lede{font-size:18px;color:#445468;margin:0 0 18px}.meta{font-size:12px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:26px 0;font-size:14px}.toc strong{font-family:Manrope,sans-serif;font-size:14px}.toc ol{margin:10px 0 0;padding-left:20px}.toc li{margin:4px 0}.toc a{color:#2f6bd0;text-decoration:none}.toc a:hover{text-decoration:underline}
.prose{font-size:17px}.prose h2{font-family:Manrope,sans-serif;font-size:27px;line-height:1.3;letter-spacing:-.04em;margin:44px 0 12px;scroll-margin-top:20px}.prose h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.03em;margin:28px 0 8px}
.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}.prose li{margin:7px 0}.prose a{color:#2559b5;text-underline-offset:3px}.prose strong{color:#0f2036}
.callout{background:var(--mint);border-left:4px solid #4a86e8;border-radius:0 12px 12px 0;padding:16px 20px;margin:24px 0}.callout p:last-child{margin:0}
.table-wrap{margin:20px 0;overflow-x:auto;border-radius:10px;background:#fff}.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:0;display:table}.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}.prose th{background:#e8eff9;font-family:Manrope,sans-serif;font-size:13px}
.prose pre{background:#0f2036;color:#e3f2e6;padding:16px 18px;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.6}
.faq{margin:44px 0 10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}.faq summary{font-weight:700;cursor:pointer;font-family:Manrope,sans-serif}.faq details p{margin:10px 0 0;color:#445468}
.related{margin:56px 0 0}.related h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.04em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;display:block;transition:.2s}.related a:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.related small{color:#2f6bd0;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.related strong{display:block;font-family:Manrope,sans-serif;font-size:15px;line-height:1.4;margin-top:8px}
.cta{background:#e1ebf8;border-radius:20px;padding:34px 36px;margin:48px 0 70px}.cta h2{font-family:Manrope,sans-serif;letter-spacing:-.04em;font-size:24px;margin:0 0 8px}.cta p{margin:0 0 16px;color:#4f6380;font-size:15px}.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:800;font-size:13px}.btn:hover{background:#132b4f}
.footer{border-top:1px solid var(--line);padding:34px 0 44px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#6b7a90;font-size:12px;flex-wrap:wrap}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none}.footer a:hover{color:#2f6bd0}
.index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0 60px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;display:flex;flex-direction:column;transition:.2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card small{color:#2f6bd0;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.card h2{font-family:Manrope,sans-serif;font-size:19px;line-height:1.35;letter-spacing:-.03em;margin:10px 0}.card p{color:var(--muted);font-size:14px;margin:0}
@media(max-width:720px){.navlinks{display:none}.related-grid,.index-grid{grid-template-columns:1fr}.prose{font-size:16px}.cta{padding:26px 22px}.lede{font-size:16px}}
.figure{margin:26px 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 10px 10px}.figure figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px;padding:0 10px}
.dg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}.dg .box{fill:#fff;stroke:#b7c9e6;stroke-width:1.5}.dg .box.b{fill:#e8eff9;stroke:#a9c1ea}.dg .box.a{fill:#14305a;stroke:none}.dg .t{font:700 16px Manrope,'DM Sans',sans-serif;fill:#14202f}.dg .s{font:400 14px 'DM Sans',sans-serif;fill:#5b6778}.dg .t.a,.dg .s.a{fill:#fff}.dg .s.a{fill:#cfe0fa}.dg .num{font-size:13px}.dg .dot{fill:#dbe6f6;stroke:#a9c1ea;stroke-width:1.5}.dg .dot.a{fill:#4a86e8;stroke:none}.dg .num.a{fill:#fff}.dg .arr{stroke:#2f6bd0;stroke-width:2;fill:none}.dg .arr.dash{stroke-dasharray:6 5}.dg .ahead{fill:#2f6bd0}.dg .thin{stroke:#a9c1ea;stroke-width:1.3;fill:none}.dg .pill{fill:#e8eff9;stroke:#a9c1ea}.dg .bar{fill:#cfdcf2}.dg .mono{font:500 13px ui-monospace,Menlo,monospace;fill:#14305a}