/* shared styles for the legal pages (legal/ terms/ privacy/) — tokens follow src/template.html */
:root{--paper:#FAFAF8;--card:#FFFFFF;--soft:#F3F2EE;--line:#E9E7E0;--line-2:#DDDBD3;--ink:#1B1A16;--ink-2:#5A584F;--ink-3:#747268;--thread:#D9432B;
--sans:'Geist','Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',system-ui,sans-serif;--mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;--serif:'Newsreader','Shippori Mincho','Hiragino Mincho ProN','Yu Mincho','Noto Serif JP',serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#131311;--card:#1B1B19;--soft:#232320;--line:#2C2C28;--line-2:#383834;--ink:#ECEAE4;--ink-2:#A7A59C;--ink-3:#84827A;--thread:#F0664A}}
@font-face{font-family:'Geist';font-weight:400;font-display:swap;src:url(fonts/Geist-Regular.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:700;font-display:swap;src:url(fonts/Geist-Bold.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:400;font-display:swap;src:url(fonts/GeistMono-Regular.woff2) format('woff2')}
*{box-sizing:border-box}html{color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{width:min(720px,calc(100% - 48px));margin:0 auto}@media (max-width:600px){.wrap{width:calc(100% - 32px)}}
header{padding:26px 0 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em;text-decoration:none}
.mk{stroke:var(--ink);stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:72px 0 14px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.5vw,44px);line-height:1.15;letter-spacing:-.01em;margin:0 0 28px;font-feature-settings:"palt"}
.doc h2{font-size:17px;font-weight:700;margin:36px 0 8px}
.doc p,.doc li{color:var(--ink-2)}.doc p{margin:0 0 12px}
.doc table{border-collapse:collapse;width:100%;margin:8px 0 20px;font-size:14.5px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 0;border-top:1px solid var(--line)}.doc th{width:34%;color:var(--ink);font-weight:700;padding-right:16px}.doc tr:last-child td,.doc tr:last-child th{border-bottom:1px solid var(--line)}
.doc .pending{border-left:2px solid var(--thread);padding:8px 14px;color:var(--ink-3);font-size:13.5px;background:var(--soft);border-radius:0 6px 6px 0}
.doc .updated{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:40px 0 0}
footer{border-top:1px solid var(--line);margin-top:96px;padding:32px 0 56px}
.f-links{display:flex;gap:18px;font-size:13px;color:var(--ink-2);flex-wrap:wrap}.f-links a{text-decoration:none}.f-links a:hover{border-bottom:1.5px solid var(--thread)}
.f-meta{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.btn{display:inline-flex;align-items:center;font:inherit;font-size:14px;padding:9px 18px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--ink-2);border-color:var(--ink-2)}
.doc .fine{font-size:13px;color:var(--ink-3)}