:root{--bg:#F2F8F7;--surface:#FFFFFF;--ink:#0B3142;--muted:#557178;--line:#D3E5E3;--sign:#F2583F;--board:#0B3C49;--link:#0A7C83;--warn-bg:#FCEFD3}
@media (prefers-color-scheme: dark){:root{--bg:#06212A;--surface:#0B2F3B;--ink:#E6F4F3;--muted:#8FB3B6;--line:#1A4654;--sign:#FF6A50;--board:#04232C;--link:#5FD3CF;--warn-bg:#3A2E14;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Figtree",system-ui,sans-serif;font-size:16px;line-height:1.6}
.top{background:var(--board);color:#fff}
.top a{color:#fff;text-decoration:none;font-family:"Archivo",Arial,sans-serif;font-weight:850;font-stretch:118%;font-size:1.3rem}
.wrap{max-width:780px;margin:0 auto;padding:14px 16px}
main.wrap{padding-block:40px 64px}
h1,h2{font-family:"Archivo",Arial,sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:850;margin:0 0 8px}
h2{font-size:1.25rem;font-weight:800;margin:36px 0 8px}
a{color:var(--link)}
.maj{color:var(--muted);font-size:.9rem;margin:0 0 28px}
.todo{background:var(--warn-bg);padding:1px 6px;border-radius:5px;font-weight:600}
ul{padding-left:1.2em}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding-block:24px}
footer a{color:var(--muted);font-weight:600}