:root{color-scheme:light;--navy:#0b2d63;--blue:#2563eb;--ink:#17233d;--muted:#5e6d86;--surface:#fff;--wash:#f4f7fc;--line:#dce5f2}
*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}header{background:linear-gradient(135deg,#0b2d63,#2563eb);color:#fff;padding:42px 20px 34px}header .wrap{max-width:880px;margin:auto}header h1{margin:0;font-size:clamp(28px,5vw,42px);letter-spacing:-.03em}header p{margin:8px 0 0;color:#dbeafe}.wrap{max-width:880px;margin:auto;padding:0 20px}nav{background:#fff;border-bottom:1px solid var(--line);padding:13px 20px;position:sticky;top:0;z-index:2}nav .wrap{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--navy);font-weight:650;text-decoration:none}nav a:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;margin:24px 0;box-shadow:0 8px 24px rgba(11,45,99,.06)}h2{color:var(--navy);font-size:22px;margin:28px 0 8px}h2:first-child{margin-top:0}h3{color:var(--navy);font-size:18px;margin:20px 0 6px}p,li{color:var(--muted)}a{color:var(--blue)}.meta{color:var(--muted);font-size:14px}.notice{background:#eef5ff;border-left:4px solid var(--blue);padding:14px 16px;border-radius:8px}footer{padding:28px 20px 44px;text-align:center;color:var(--muted);font-size:14px}footer a{margin:0 8px}