:root{
  --navy:#16233F;
  --navy-2:#1F3A63;
  --blue:#2F7FC0;
  --silver-light:#EEF1F4;
  --paper:#FFFFFF;
  --ink:#16233F;
  --line:#E1E5EA;
  --muted:#5B6472;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.6;}
a{color:var(--blue);}
.wrap{max-width:760px; margin:0 auto; padding:0 24px;}
header{border-bottom:1px solid var(--line); padding:20px 0;}
header .wrap{display:flex; align-items:center; justify-content:space-between;}
.brand{font-family:'Fraunces',serif; font-size:1.15rem; font-weight:600; color:var(--navy);}
header a.back{font-size:0.88rem; font-weight:600;}
main{padding:56px 0 80px;}
h1{font-family:'Fraunces',serif; font-size:2rem; font-weight:500; color:var(--navy); margin-bottom:8px;}
.updated{color:var(--muted); font-size:0.85rem; margin-bottom:40px;}
h2{font-size:1.15rem; font-weight:600; color:var(--navy); margin:32px 0 10px;}
p, li{color:var(--muted); font-size:0.95rem; margin-bottom:12px;}
ul{padding-left:20px; margin-bottom:12px;}
.todo{background:#FFF6E0; border:1px solid #F0D28A; color:#7A5A00; padding:2px 6px; border-radius:3px; font-weight:600; font-size:0.85em;}
footer{border-top:1px solid var(--line); padding:24px 0; font-size:0.8rem; color:var(--muted);}
footer a{color:var(--muted);}