:root{--ink:#111;--bg:#fff;--brand:#0b3d2e;--muted:#3d3d3d;--good:#0b5d1e;--warn:#7a3e00;--warnbg:#fff4e5;--goodbg:#eaf7ee;--line:#bdbdbd;--focus:#1a56db}
*{box-sizing:border-box}
html{font-size:22px}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{background:var(--brand);color:#fff;padding:14px 20px}
.top h1{margin:0;font-size:1.4rem}
main{max-width:720px;margin:0 auto;padding:16px 16px 40px}
label{display:block;font-size:1.5rem;font-weight:700;margin:8px 0 4px}
.hint{color:var(--muted);margin:0 0 12px;font-size:1rem}
input[type=text]{width:100%;font-size:1.2rem;padding:16px;border:3px solid var(--ink);border-radius:12px;min-height:64px}
button,.btn{font:inherit;cursor:pointer}
.big{display:block;width:100%;margin-top:14px;min-height:64px;font-size:1.3rem;font-weight:700;color:#fff;background:var(--brand);border:none;border-radius:12px}
.chip{font-size:1rem;min-height:48px;padding:8px 16px;margin:6px 6px 0 0;border:2px solid var(--brand);border-radius:999px;background:#fff;color:var(--brand)}
#examples{margin-top:18px}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
h2{font-size:1.4rem;margin:28px 0 8px}
h3{font-size:1.1rem;margin:0 0 4px}
.summary{font-size:1.25rem;font-weight:600;background:#f3f6f5;border-left:8px solid var(--brand);padding:16px;border-radius:8px}
.card{border:2px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.card.warn{background:var(--warnbg);border-color:#e0a050}
.card.good{background:var(--goodbg);border-color:#7cc08d}
.card.caution{background:#fdecea;border-color:#c62828}
.basis{display:inline-block;font-size:.85rem;font-weight:700;padding:2px 10px;border-radius:999px;margin-top:6px}
.basis.fw{background:var(--brand);color:#fff}
.basis.out{background:#fff;color:#4a2a00;border:2px solid #7a3e00}
.cite{font-size:.9rem;color:var(--muted)}
.cite a{color:#0645ad}
table{width:100%;border-collapse:collapse;font-size:1rem}
th,td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line)}
td.num{text-align:right;white-space:nowrap}
.unknown{background:#f5f5f5;border-radius:8px;padding:12px}
details{margin:10px 0}summary{font-size:1.05rem;font-weight:700;min-height:48px;padding:8px 0;cursor:pointer}
.foot{max-width:720px;margin:0 auto;padding:16px;font-size:.9rem;color:var(--muted);border-top:2px solid var(--line)}
ol.src li{margin-bottom:8px;font-size:.9rem}
@media (prefers-color-scheme: dark){
 :root{--ink:#f2f2f2;--bg:#121212;--muted:#c8c8c8;--line:#555;--warnbg:#2d1f0d;--goodbg:#0f2616;--focus:#8ab4f8}
 input[type=text]{background:#1e1e1e;color:var(--ink);border-color:#ddd}
 .summary{background:#1e2a26}.chip{background:#121212;color:#9fe0c2;border-color:#9fe0c2}
 .card.caution{background:#3a1212}.basis.out{background:#121212;color:#ffd08a;border-color:#ffd08a}
 .cite a,ol.src a{color:#8ab4f8}.unknown{background:#1e1e1e}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}