/* Shared by privacy.html and support.html — the same tokens and typefaces as
   index.html, kept in one file because these two pages are plain documents and
   do not need their CSS inlined for first paint. No build step, no dependency:
   Render publishes web/ as-is with an empty build command. */
@font-face{font-family:Bricolage;src:url(fonts/bricolage-800.woff) format("woff");
  font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url(fonts/geist-400.woff) format("woff");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url(fonts/geist-700.woff) format("woff");
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:JBMono;src:url(fonts/mono-400.woff) format("woff");
  font-weight:400;font-style:normal;font-display:swap}

:root{
  --ground:#f0f0f4; --panel:#fff; --sunken:#f7f7fa;
  --ink:#1a1a1a; --dim:#63636e; --rule:#dcdce4; --signal:#00e68a;
  --shadow:0 1px 2px rgba(16,18,24,.05), 0 8px 24px -12px rgba(16,18,24,.14);
  --display:Bricolage,"Helvetica Neue",Arial,sans-serif;
  --body:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:JBMono,ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root{--ground:#0b0c0e; --panel:#15171a; --sunken:#101215;
    --ink:#f0f0f4; --dim:#9096a0; --rule:#262a30;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6)}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--signal);outline-offset:3px;border-radius:4px}
.wrap{max-width:680px;margin:0 auto;padding:22px 20px 72px}

.top{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:30px}
.top img{width:26px;height:26px;border-radius:7px}
.top b{font:800 15px/1 var(--display);letter-spacing:-.03em}

.tag{font:400 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);display:block}
h1{font:800 clamp(30px,7vw,42px)/1.06 var(--display);letter-spacing:-.035em;margin:10px 0 0}
h2{font:800 clamp(19px,3.4vw,23px)/1.2 var(--display);letter-spacing:-.025em;margin:38px 0 10px}
h3{font:700 16.5px/1.35 var(--body);letter-spacing:-.01em;margin:0 0 6px}
p{margin:0 0 14px}
ul{padding-left:19px;margin:0 0 14px}
li{margin:0 0 9px}

.lede{background:var(--panel);border:1.5px solid var(--rule);border-radius:16px;
  padding:0;box-shadow:var(--shadow);margin:26px 0 0;overflow:hidden}
.lede .cap{height:5px;background:var(--signal)}
.lede p{margin:0;padding:18px 20px}

.card{background:var(--panel);border:1.5px solid var(--rule);border-radius:14px;
  padding:18px 20px;margin:0 0 12px;box-shadow:var(--shadow)}
.card p{margin:0;color:var(--dim);font-size:15.5px}
.card p+p{margin-top:10px}

footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--rule);
  color:var(--dim);font-size:13.5px}
footer nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}