:root {
  --navy:#12294B; --sky:#7FB5E8; --ice:#E3EEF9; --white:#FBFDFF; --mint:#2FBF9B; --muted:#4a5d78;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Inter,system-ui,sans-serif; background:var(--white); color:var(--navy); line-height:1.7; }
a { color:var(--mint); }
.topbar { border-bottom:1px solid var(--ice); padding:16px 0; }
.topbar .in { max-width:820px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.topbar img { width:96px; }
.topbar a.back { font-size:13.5px; font-weight:600; color:var(--muted); text-decoration:none; }
.wrap { max-width:820px; margin:0 auto; padding:52px 24px 80px; }
h1 { font-family:Quicksand,sans-serif; font-weight:700; font-size:34px; margin-bottom:6px; }
.updated { color:var(--muted); font-size:13px; margin-bottom:34px; }
h2 { font-family:Quicksand,sans-serif; font-weight:700; font-size:20px; margin:32px 0 10px; }
p, li { font-size:15px; color:#243c5f; margin-bottom:12px; }
ul { margin-left:22px; }
.box { background:var(--ice); border-radius:16px; padding:20px 22px; margin:22px 0; font-size:14.5px; }
footer { border-top:1px solid var(--ice); padding:26px 24px 40px; text-align:center; font-size:12.5px; color:var(--muted); }
footer a { color:var(--muted); text-decoration:none; }
footer a:hover { text-decoration:underline; }