:root{
  --ink:#0b1829;--paper:#f2ede4;--muted:#5c6470;--line:#ddd4c4;
  --accent:#c53d53;--accent-dk:#772431;--card:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.65;}
.topbar{background:var(--ink);color:#fff;padding:18px 24px;}
.topbar a{color:#fff;text-decoration:none;font-weight:600;font-size:15px;}
.topbar a:hover{color:var(--accent);}
main{max-width:760px;margin:0 auto;padding:56px 24px 80px;}
h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.01em;margin-bottom:8px;}
.updated{color:var(--muted);font-size:14px;margin-bottom:36px;}
h2{font-size:22px;margin:34px 0 10px;}
p,li{color:#2b3540;font-size:16px;margin-bottom:12px;}
ul,ol{padding-left:22px;}
a{color:var(--accent);}
a:hover{color:var(--accent-dk);}
.note{background:#fff7e6;border:1px solid #f0d488;border-radius:10px;padding:14px 16px;font-size:14px;color:#6b5310;margin-bottom:30px;}
footer{background:var(--ink);color:#b9c2cf;text-align:center;padding:36px 24px;font-size:13px;}
footer nav{display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
footer nav a{color:#b9c2cf;text-decoration:none;}
footer nav a:hover{color:#fff;}