:root{--ink:#24322b;--muted:#5d6b63;--line:#e3e1d6;--bg:#fbfaf6;--card:#fff;--accent:#2f5d4a;--warn:#fff4d6}
@media (prefers-color-scheme:dark){:root{--ink:#e7ece9;--muted:#a9b5ae;--line:#36423c;--bg:#151b18;--card:#1d2420;--accent:#8cc5a8;--warn:#3a3320}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:1.6rem;margin:0 0 4px}
h2{font-size:1.1rem;margin:28px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
p,li{margin:6px 0}
ol,ul{padding-left:1.4em}
a{color:var(--accent)}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:20px}
.todo{background:var(--warn);padding:0 4px;border-radius:4px;font-weight:600}
table{width:100%;border-collapse:collapse;background:var(--card);margin:12px 0}
th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
th{width:32%;font-weight:600}
@media (max-width:560px){th,td{display:block;width:100%}th{border-bottom:0}}
nav.legal{margin-top:32px;font-size:.95rem;color:var(--muted)}