:root{--bg:#fff;--fg:#222;--mut:#666;--ac:#0b6b4f;--bd:#e3e3e3;--bx:#f5f8f6}
@media(prefers-color-scheme:dark){:root{--bg:#161a18;--fg:#e8e8e8;--mut:#9aa;--ac:#5fd0a6;--bd:#333;--bx:#1f2622}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.85 system-ui,"Hiragino Sans","Yu Gothic",sans-serif}
main,header,footer{max-width:720px;margin:0 auto;padding:0 16px}
header{padding-top:20px;padding-bottom:12px;border-bottom:1px solid var(--bd)}
header a{color:var(--fg);text-decoration:none;font-weight:700}
h1{font-size:1.5rem;line-height:1.4}h2{font-size:1.2rem;border-left:4px solid var(--ac);padding-left:10px;margin-top:2em}
a{color:var(--ac)}table{border-collapse:collapse;width:100%;font-size:.95rem}td,th{border:1px solid var(--bd);padding:8px;text-align:left;vertical-align:top}
.pr{background:var(--bx);border:1px solid var(--bd);padding:8px 12px;font-size:.85rem;color:var(--mut);border-radius:6px}
.box{background:var(--bx);padding:12px 16px;border-radius:8px}.src{font-size:.85rem;color:var(--mut)}
footer{margin-top:3em;padding-bottom:30px;font-size:.85rem;color:var(--mut);border-top:1px solid var(--bd);padding-top:12px}
li{margin:.3em 0}.nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.nav a{font-weight:400;font-size:.9rem;border:1px solid var(--bd);border-radius:999px;padding:3px 12px;color:var(--ac)}