@import url('../fonts/fonts.css');
:root{--bg:#EDF0FA;--surface:#fff;--ink:#141838;--muted:#555C80;--line:#D7DCEE;--accent:#3340E0;--hl:#FFD23F}
@media (prefers-color-scheme:dark){:root{--bg:#0E1130;--surface:#181C42;--ink:#EEF0FF;--muted:#A9AFD6;--line:#2C3166;--accent:#8C96FF;--hl:#FFD23F}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px}
.brand{font:800 20px/1 "Noto Sans JP",system-ui,sans-serif;color:var(--ink);text-decoration:none}
.brand mark{background:var(--hl);color:#141838;padding:0 4px;border-radius:4px}
h1{font:800 30px/1.15 "Noto Sans JP",system-ui,sans-serif;margin:28px 0 6px}
h2{font:700 20px/1.3 "Noto Sans JP",system-ui,sans-serif;margin:32px 0 8px}
.upd{color:var(--muted);margin:0 0 24px}
section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:4px 20px 12px;margin:16px 0}
a{color:var(--accent)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600}
.tw{overflow-x:auto}
nav.legal{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:32px;font-size:15px}
h2.part{font-size:24px;margin:40px 0 4px;color:var(--accent)}
.box{border:1px dashed var(--line);border-radius:12px;padding:4px 16px;font-size:15px}
code{font-size:14px;background:var(--bg);padding:1px 5px;border-radius:4px}