:root{--bg:#f6f8f7;--card:#fff;--ink:#14201c;--soft:#58665f;--line:#e1e8e4;--accent:#0f7b5f;--accentSoft:#e7f4ef}
@media (prefers-color-scheme:dark){:root{--bg:#0f1512;--card:#18211d;--ink:#eef3f0;--soft:#a3b0a9;--line:#2a3530;--accent:#4fd1a5;--accentSoft:#12302a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.7;font-size:15px}
header{background:#0f2a22;color:#fff;padding:18px 16px}
header .in,main{max-width:720px;margin:0 auto}
header a{color:#fff}
header p{margin:2px 0 0;color:#c4d6ce;font-size:13px}
h1{font-size:20px;margin:0;word-break:auto-phrase;text-wrap:balance}
main{padding:20px 16px 40px}
section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}
h2{font-size:16px;margin:0 0 10px}
ul{padding-left:1.2em;margin:6px 0}
li{margin:4px 0}
p,li,dd{word-break:auto-phrase;text-wrap:pretty}
a{color:var(--accent)}
.small{font-size:12px;color:var(--soft);word-break:auto-phrase;text-wrap:pretty}
nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:8px}
footer{font-size:12px;color:var(--soft);text-align:center;margin-top:20px}
.hero{background:var(--accentSoft);border-color:var(--accentSoft)}
.lab{margin:0;font-size:13px;font-weight:700;color:var(--soft)}
.big{margin:0;font-size:44px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.big small{font-size:18px;margin-left:4px}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}
th,td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
thead th{font-size:12px;color:var(--soft);font-weight:600;white-space:normal;word-break:auto-phrase}
tbody th{text-align:left;font-weight:700}
.formula{font-weight:700;font-size:14px;word-break:auto-phrase}
.law{margin:0}
.law dt{font-weight:700;font-size:13px;margin-top:12px}
.law dt:first-child{margin-top:0}
.law dd{margin:2px 0 0;padding-bottom:12px;border-bottom:1px solid var(--line)}
.law dd:last-child{border-bottom:0;padding-bottom:0}
.get{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:10px}