/* Shared legal-page stylesheet, Volt look. Dark palette values come from /tokens.css (generated; do not edit). */
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(/assets/fonts/barlow-condensed-800.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-display:swap;src:url(/assets/fonts/barlow-700.woff2) format("woff2")}
:root{--color-bg:#0a0b0d;--color-bg-elevated:#14161a;--color-text:#f4f5f0;--color-text-muted:#9ca196;--color-line:#23262b;--color-accent:#d4ff3a;--color-accent-soft:rgba(212,255,58,.16);--color-listening:#64d2ff;--cond:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--sans:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(120% 40% at 85% -10%,#141d0a 0,var(--color-bg) 60%) no-repeat,var(--color-bg);color:var(--color-text);font:500 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{width:100%;max-width:720px;margin:0 auto;padding:16px max(20px,env(safe-area-inset-right,0px)) calc(48px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;font:800 26px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase;padding-block:8px}
.brand img{width:36px;height:36px;border-radius:9px}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:9999px;background:var(--color-accent);color:#0a0b0d;font:800 17px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
h1,h2{font-family:var(--cond);font-weight:800;line-height:1.05;text-wrap:balance;text-transform:uppercase;letter-spacing:.005em}
h1{font-size:clamp(44px,12vw,64px);margin:24px 0 8px}
h2{font-size:30px;margin:40px 0 10px}
p,li{overflow-wrap:anywhere}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 14px}
li{margin-bottom:6px}
a{color:var(--color-accent)}
a:focus-visible{outline:3px solid var(--color-listening);outline-offset:3px;border-radius:4px}
.effective{color:var(--color-text-muted);font-size:15px}
.notice{background:linear-gradient(180deg,#17191d,#101215);border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--color-accent);border-radius:16px;padding:14px 18px;margin:18px 0}
.todo{background:var(--color-accent-soft);color:var(--color-text);border-radius:6px;padding:0 6px}
.toc{background:linear-gradient(180deg,#17191d,#101215);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);border-radius:22px;padding:14px 20px;margin:18px 0}
.toc ol{margin:0}
footer{border-top:1px solid var(--color-line);margin-top:40px;padding-top:20px;color:var(--color-text-muted);font-size:14px}
footer a{color:var(--color-text);font-weight:700;margin-right:16px;display:inline-block;padding-block:8px;text-decoration:none}
footer a:hover{color:var(--color-accent)}
.sel{user-select:text;-webkit-user-select:text}