:root{--bg:#fbfaf8;--fg:#22201d;--muted:#6b655d;--line:#e4dfd6;--card:#fff;
--accent:#8c5a3c;--accent-soft:#f3ece5;--warn:#8a6d3b}
:root:not([data-theme=light]) @media (prefers-color-scheme:dark){}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171614;--fg:#ece7df;
--muted:#a49c90;--line:#332f2a;--card:#1f1d1a;--accent:#d0a184;--accent-soft:#2a2521;--warn:#c7a76a}}
:root[data-theme=dark]{--bg:#171614;--fg:#ece7df;--muted:#a49c90;--line:#332f2a;
--card:#1f1d1a;--accent:#d0a184;--accent-soft:#2a2521;--warn:#c7a76a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.75;
font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
font-size:16px;-webkit-text-size-adjust:100%}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);padding:14px 0;background:var(--card)}
header.site a{color:var(--fg);text-decoration:none;font-weight:700;letter-spacing:.02em}
nav.crumb{font-size:13px;color:var(--muted);padding:14px 0}
nav.crumb a{color:var(--muted)}
h1{font-size:26px;line-height:1.4;margin:.4em 0 .2em}
h2{font-size:19px;margin:2.2em 0 .6em;padding-bottom:.3em;border-bottom:1px solid var(--line)}
h3{font-size:16px;margin:1.6em 0 .4em;color:var(--accent)}
p{margin:.7em 0}
.lead{color:var(--muted);font-size:14px}
.tag{display:inline-block;background:var(--accent-soft);color:var(--accent);
border-radius:3px;padding:2px 9px;font-size:13px;margin:0 6px 6px 0}
table{width:100%;border-collapse:collapse;margin:.8em 0;font-size:14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{width:38%;font-weight:600;color:var(--muted)}
.tnum{font-variant-numeric:tabular-nums}
.note{background:var(--accent-soft);border-left:3px solid var(--accent);
padding:12px 14px;font-size:14px;margin:1.2em 0}
.none{color:var(--muted);font-size:14px}
ul.list{list-style:none;padding:0;margin:1em 0}
ul.list li{border-bottom:1px solid var(--line);padding:11px 0}
ul.list a{color:var(--fg);text-decoration:none;font-weight:600}
ul.list a:hover{color:var(--accent)}
ul.list .meta{display:block;font-size:13px;color:var(--muted);font-weight:400}
.grid{display:flex;flex-wrap:wrap;gap:8px;margin:1em 0;padding:0;list-style:none}
.grid li a{display:inline-block;border:1px solid var(--line);border-radius:4px;
padding:7px 13px;text-decoration:none;color:var(--fg);font-size:14px;background:var(--card)}
.grid li a:hover{border-color:var(--accent);color:var(--accent)}
.stat{display:flex;flex-wrap:wrap;gap:14px;margin:1em 0;padding:0;list-style:none}
.stat li{flex:1 1 150px;background:var(--card);border:1px solid var(--line);
border-radius:6px;padding:12px 14px}
.stat b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--muted)}
.scroll{overflow-x:auto}
footer{border-top:1px solid var(--line);margin-top:3em;padding:20px 0 40px;
font-size:13px;color:var(--muted)}
footer a{color:var(--muted)}