:root { --ocean:#05619e; --ink:#0b2540; --muted:#5a6b7a; --bg:#eef4f8; --card:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; }
header { background:var(--ocean); color:#fff; padding:22px 20px; }
header .wrap, main { max-width:760px; margin:0 auto; }
header .brand { font-size:22px; font-weight:700; letter-spacing:.3px; }
header nav { margin-top:8px; }
header nav a { color:#dbeafe; text-decoration:none; margin-right:16px; font-size:14px; }
header nav a:hover { color:#fff; }
main { padding:28px 20px 64px; }
h1 { font-size:26px; margin:8px 0 4px; }
h2 { font-size:19px; margin:28px 0 6px; color:var(--ocean); }
.updated { color:var(--muted); font-size:13px; margin-bottom:20px; }
.card { background:var(--card); border-radius:14px; padding:22px 24px; box-shadow:0 1px 4px rgba(5,97,158,.06); }
a { color:var(--ocean); }
footer { text-align:center; color:var(--muted); font-size:13px; padding:24px; }
.note { background:#fff7ed; border:1px solid #fed7aa; border-radius:10px; padding:12px 14px; font-size:14px; color:#7c3a12; }