:root{--ink:#0a1630;--paper:#f0f2f5;--line:#d5dbe5;--muted:#5b6475;--accent:#1877f2;--accent-ink:#0b5ccc;--sky:#8cbcff;--warn:#9a5b00;--warn-soft:#fdf0d8}
*{box-sizing:border-box}
body{margin:0;font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
header{background:var(--ink);padding:0 20px}
header div{max-width:820px;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:"Bricolage Grotesque",Figtree,sans-serif;font-weight:800;font-size:1.2rem;color:#f5f8ff;text-decoration:none;letter-spacing:-.03em}.logo b{color:var(--sky)}
header a.back{color:#a9b8d3;text-decoration:none;font-weight:600;font-size:.92rem}
main{max-width:820px;margin:32px auto 60px;padding:36px 40px;background:#fff;border:1px solid var(--line);border-radius:18px}
h1{font-family:"Bricolage Grotesque",Figtree,sans-serif;font-size:2rem;letter-spacing:-.02em;margin:0 0 6px}
h2{font-size:1.15rem;margin:28px 0 8px}
p,li{color:#22304d}
a{color:var(--accent-ink)}
.updated{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.todo{background:var(--warn-soft);color:var(--warn);padding:1px 6px;border-radius:6px;font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:12px 0}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--paper)}
nav.legal{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;margin-top:32px;padding-top:18px;border-top:1px solid var(--line)}
@media (max-width:640px){main{margin:16px;padding:24px 20px}h1{font-size:1.6rem}}