:root{--ink:#102033;--muted:#536171;--accent:#2563eb;--soft:#eef5ff;--line:#d9e2ec;--max:1120px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:#164fb8}.site-header,.site-footer{max-width:var(--max);margin:auto;padding:24px}.brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink)}
.site-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.site-nav a{font-size:.95rem;text-decoration:none;color:#24364b}
.hero{background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid var(--line);border-radius:22px;padding:42px;margin:24px auto;max-width:var(--max)}
.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;color:var(--accent);font-weight:700}.lede{font-size:1.18rem;color:var(--muted);max-width:760px}
main>section:not(.hero),article,.content-grid{max-width:var(--max);margin:24px auto;padding:0 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.note{background:#fff7ed;border-left:4px solid #f97316;padding:16px;border-radius:10px}.boundary{background:#f8fafc;border:1px solid var(--line);padding:18px;border-radius:16px}
h2{margin-top:34px}.checklist li{margin-bottom:8px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
@media(max-width:720px){.hero{border-radius:0;margin:0;border-left:0;border-right:0}.site-header,.site-footer{padding:18px}.site-nav{display:block}.site-nav a{display:inline-block;margin:4px 10px 4px 0}}