:root{--ink:#10233d;--muted:#52657a;--blue:#0b4f8a;--navy:#082b4c;--green:#14883b;--light:#f4f7fa;--line:#dbe4ec;--warm:#fff8e8}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff}
a{color:#0a5ea8}.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.nav{max-width:1120px;margin:auto;padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;color:var(--navy);text-decoration:none}.nav a{margin-left:18px;text-decoration:none}
.hero{background:linear-gradient(135deg,#082b4c,#0b4f8a);color:#fff;padding:70px 22px}.hero-inner{max-width:980px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;font-weight:800;opacity:.85}.hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:.25em 0}.hero p{font-size:1.15rem;max-width:780px}.meta{opacity:.85;font-size:.95rem}
.container{max-width:980px;margin:auto;padding:44px 22px}.lede{font-size:1.17rem;color:#34495e}.toc,.callout,.disclosure{border-radius:16px;padding:22px 24px;margin:28px 0}.toc{background:var(--light);border:1px solid var(--line)}.callout{background:var(--warm);border-left:5px solid #f0ae20}.disclosure{background:#eef8f1;border:1px solid #cbe8d2}.key{background:#edf5ff;border-left:5px solid #3178c6}
h2{font-size:2rem;line-height:1.2;margin-top:1.55em}h3{font-size:1.35rem;margin-top:1.5em}.cta{display:inline-block;background:var(--green);color:#fff!important;font-weight:800;text-decoration:none;padding:14px 22px;border-radius:10px;margin:12px 8px 12px 0}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}th,td{padding:13px;border:1px solid var(--line);vertical-align:top}th{background:#eef4f8;text-align:left}.table-wrap{overflow-x:auto}
.visual{display:block;width:100%;max-width:900px;margin:34px auto;border-radius:18px;box-shadow:0 15px 40px rgba(8,43,76,.15);border:1px solid var(--line)}
.diagram{margin:30px 0;background:#fbfdff;border:1px solid var(--line);border-radius:18px;padding:18px}.diagram svg{width:100%;height:auto}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:800;cursor:pointer}
.footer{background:#071d31;color:#dce8f2;padding:40px 22px;margin-top:50px}.footer-inner{max-width:980px;margin:auto}.footer a{color:#fff}.breadcrumbs{font-size:.92rem;margin-bottom:24px}.small{font-size:.9rem;color:var(--muted)}
code{background:#f0f3f6;padding:2px 5px;border-radius:5px}pre{overflow:auto;background:#0c2035;color:#f5f8fb;padding:18px;border-radius:12px}
@media(max-width:700px){.nav{align-items:flex-start}.nav nav{display:none}.container{padding:34px 18px}.hero{padding:52px 18px}table{font-size:.88rem}}