/* Shared styles for the text pages (privacy, terms). Same tokens as index.html. */
:root{
  --bg:#0b0c0e; --surface:#131519; --surface-2:#191c21; --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --text:#f2f4f7; --muted:#99a2ac; --faint:#6b737d;
  --accent:#0a84ff; --accent-soft:rgba(10,132,255,.13);
  --radius:14px; --gutter:24px; --max:1140px;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--sans); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit}
h1,h2,h3{margin:0; font-weight:640; letter-spacing:-.025em; line-height:1.15}
p{margin:0}
.wrap{max-width:var(--max); margin:0 auto; padding:0 var(--gutter)}
.eyebrow{
  font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:.16em;
  text-transform:uppercase; color:var(--faint);
}

/* header */
.hdr{
  position:sticky; top:0; z-index:50; background:rgba(11,12,14,.72);
  backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--line);
}
.hdr-in{display:flex; align-items:center; gap:12px; height:56px}
.mark{display:flex; align-items:center; gap:10px; text-decoration:none}
.mark img{width:26px; height:26px; border-radius:6px; display:block}
.mark b{font-size:16px; font-weight:640; letter-spacing:-.02em}
.hdr-links{margin-left:auto; display:flex; align-items:center; gap:22px}
.hdr-links a{font-size:14.5px; color:var(--muted); text-decoration:none; transition:color .15s}
.hdr-links a:hover{color:var(--text)}

/* document */
.doc{max-width:760px; padding-top:72px; padding-bottom:64px}
.doc h1{font-size:clamp(2rem,4.6vw,2.8rem); font-weight:680; letter-spacing:-.035em; margin-top:16px}
.doc .updated{font-family:var(--mono); font-size:12px; color:var(--faint); letter-spacing:.04em; margin-top:14px}
.doc h2{font-size:1.3rem; margin-top:48px; padding-top:28px; border-top:1px solid var(--line)}
.doc h3{font-size:1.02rem; font-weight:620; margin-top:28px}
.doc p{color:var(--muted); margin-top:14px; font-size:16px}
.doc p b, .doc li b{color:var(--text); font-weight:600}
.doc a{color:var(--text); text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:3px}
.doc a:hover{text-decoration-color:var(--text)}
.doc ul{margin:16px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px}
.doc li{font-size:16px; color:var(--muted); padding-left:20px; position:relative; line-height:1.6}
.doc li::before{content:""; position:absolute; left:0; top:12px; width:7px; height:1.5px; background:var(--faint)}
.tldr{
  margin-top:32px; padding:22px 24px; border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(170deg,rgba(10,132,255,.08),rgba(255,255,255,.01) 70%);
}
.tldr p{margin-top:0; color:var(--muted)}
code{
  font-family:var(--mono); font-size:.84em; background:var(--surface-2);
  border:1px solid var(--line); border-radius:5px; padding:1.5px 6px; color:#cfd6de;
  overflow-wrap:anywhere;
}

/* footer */
.ftr{border-top:1px solid var(--line); padding:44px 0 56px; margin-top:20px}
.ftr-in{display:flex; gap:20px; align-items:baseline; flex-wrap:wrap}
.ftr-links{display:flex; gap:22px; margin-left:auto; flex-wrap:wrap}
.ftr a{font-size:14px; color:var(--muted); text-decoration:none}
.ftr a:hover, .ftr a[aria-current="page"]{color:var(--text)}

@media (max-width:620px){
  body{font-size:16px}
  :root{--gutter:18px}
  .doc{padding-top:52px}
  .hdr-links{gap:18px}
  .hdr-links a[href="/#features"]{display:none}
  .ftr-links{margin-left:0}
}