:root{--cream:#F7F2E7;--navy:#15223B;--rust:#B85C2E;--rust-dark:#9B4B23;--charcoal:#201C16;--sage:#5F6F52}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--charcoal);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--rust-dark)}
a:hover{color:var(--navy)}
:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
.skip{position:absolute;left:12px;top:-60px;background:var(--rust);color:#fff;padding:10px 14px;border-radius:8px;z-index:10;text-decoration:none;font-weight:600}
.skip:focus{top:12px;color:#fff}
header.bar{background:var(--navy);padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top,0px))}
header.bar .in{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
header.bar img{height:28px;width:auto;display:block}
header.bar a.back{color:#F7F2E7;font-size:14px;text-decoration:none;font-weight:500}
header.bar a.back:hover{text-decoration:underline;color:#fff}
main{max-width:760px;margin:0 auto;padding:44px 20px 64px}
h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(2rem,6vw,2.6rem);line-height:1.1;color:var(--navy);margin:0 0 6px}
.updated{color:rgba(32,28,22,.7);font-size:14px;margin:0 0 32px}
h2{font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.25rem;color:var(--navy);margin:34px 0 8px}
p,li{font-size:16px;color:rgba(32,28,22,.88)}
ul{padding-left:1.2rem}
li{margin:4px 0}
.todo{background:#FFE98A;color:#201C16;padding:0 4px;border-radius:3px;font-weight:600}
.note{background:#fff;border-left:4px solid var(--sage);padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}
footer.foot{background:var(--navy);color:rgba(247,242,231,.8);padding:26px 20px;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));font-size:13px}
footer.foot .in{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
footer.foot nav{display:flex;gap:18px;flex-wrap:wrap}
footer.foot a{color:rgba(247,242,231,.85);text-decoration:none}
footer.foot a:hover{color:#fff;text-decoration:underline}
@media print{header.bar,footer.foot,.skip{display:none}body{background:#fff}}