/* 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:optional;src:url(/assets/fonts/barlow-condensed-800.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:optional;src:url(/assets/fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:700;font-display:optional;src:url(/assets/fonts/barlow-700.woff2) format("woff2")}
/* metric-matched stand-ins so the swap to Barlow does not move the page (size-adjust computed from average glyph width and hhea metrics of the woff2 files) */
@font-face{font-family:"Barlow Fallback";font-weight:500;src:local("Arial");size-adjust:95.9%;ascent-override:104.3%;descent-override:20.9%;line-gap-override:0%}
@font-face{font-family:"Barlow Fallback";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:91.6%;ascent-override:109.2%;descent-override:21.8%;line-gap-override:0%}
@font-face{font-family:"Barlow Condensed Fallback";font-weight:800;src:local("Arial Narrow Bold"),local("ArialNarrow-Bold");size-adjust:94.4%;ascent-override:105.9%;descent-override:21.2%;line-gap-override:0%}
@font-face{font-family:"Barlow Condensed Fallback";font-weight:700;src:local("Arial Narrow Bold"),local("ArialNarrow-Bold");size-adjust:92.2%;ascent-override:108.5%;descent-override:21.7%;line-gap-override:0%}
: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;--color-accent-text:#d4ff3a;--leg-top:#17191d;--leg-bot:#101215;--leg-edge:rgba(255,255,255,.07);--leg-field:rgba(255,255,255,.07);--leg-field-edge:rgba(255,255,255,.18);--leg-glow:#141d0a;--cond:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",Impact,sans-serif;--sans:"Barlow","Barlow Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark light}
@media (prefers-color-scheme:light){:root{--color-bg:#f2f3f0;--color-bg-elevated:#fff;--color-text:#101214;--color-text-muted:#5a5f56;--color-line:#dcdfd6;--color-accent:#7d9622;--color-accent-text:#5e7019;--color-accent-soft:rgba(125,150,34,.14);--color-listening:#0a8dbf;--leg-top:#fff;--leg-bot:#f6f7f4;--leg-edge:rgba(16,18,20,.1);--leg-field:#fff;--leg-field-edge:rgba(16,18,20,.28);--leg-glow:#e7efcf}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(120% 40% at 85% -10%,var(--leg-glow) 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-text)}
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,var(--leg-top),var(--leg-bot));border:1px solid var(--leg-edge);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,var(--leg-top),var(--leg-bot));border:1px solid var(--leg-edge);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-text)}
.sel{user-select:text;-webkit-user-select:text}

/* contact form */
.cform{display:grid;gap:14px;margin:18px 0}
.cform label{display:grid;gap:6px;font-weight:700;font-size:15px}
.cform input,.cform textarea{width:100%;padding:14px 18px;border-radius:18px;border:1px solid var(--leg-field-edge);background:var(--leg-field);color:var(--color-text);font:500 17px/1.4 var(--sans);-webkit-appearance:none;appearance:none}
.cform textarea{min-height:160px;resize:vertical}
.cform input:focus-visible,.cform textarea:focus-visible,.cform button:focus-visible{outline:3px solid var(--color-listening);outline-offset:2px}
.cform button{justify-self:start;min-height:52px;padding:0 28px;border:0;border-radius:9999px;background:var(--color-accent);color:#0a0b0d;font:800 20px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.opt{color:var(--color-text-muted);font-weight:500}
#sent,#problem{display:none}
#sent:target,#problem:target{display:block}
#sent:target~#form,#problem:target~#form{display:none}