/* Shared styling for Sentiscale legal pages (privacy.html, terms.html).
   Mirrors the dark tokens from index.html; text-optimized, no JS. */
:root {
  --bg:#0A0B0D; --text:#F4F6F7; --muted:#9AA1A9; --body:#D7DBDF;
  --accent:#2EE6A6; --line:rgba(255,255,255,.10);
  --font:-apple-system,"SF Pro Text","SF Pro Display",BlinkMacSystemFont,
         "Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body {
  margin:0; background:var(--bg); color:var(--text); font-family:var(--font);
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img { display:block; }
a { color:var(--accent); }

.wrap { max-width:720px; margin-inline:auto; padding-inline:clamp(20px,5vw,32px); }

header.site {
  position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 85%,transparent);
  backdrop-filter:saturate(140%) blur(10px);
}
header .nav { display:flex; align-items:center; justify-content:space-between; height:60px; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); font-weight:650; letter-spacing:-.01em; }
.brand img { width:26px; height:26px; border-radius:6px; }
.back { font-size:13px; color:var(--muted); text-decoration:none; }
.back:hover { color:var(--accent); }

main.doc { padding-block:clamp(32px,6vw,64px); }
.doc h1 { font-size:clamp(28px,5vw,40px); line-height:1.1; letter-spacing:-.02em; margin:0 0 8px; }
.doc .updated { color:var(--muted); font-size:14px; margin:0 0 36px; }
.doc h2 { font-size:21px; letter-spacing:-.01em; margin:38px 0 10px; }
.doc h3 { font-size:16px; margin:22px 0 6px; }
.doc p { margin:0 0 14px; color:var(--body); }
.doc ul { margin:0 0 14px; padding-left:20px; color:var(--body); }
.doc li { margin:0 0 8px; }
.doc strong { color:var(--text); font-weight:600; }
.doc .lead { color:var(--text); }

/* Placeholder tokens the operator must fill in before launch. */
.ph {
  color:var(--accent);
  background:color-mix(in srgb,var(--accent) 14%,transparent);
  padding:1px 6px; border-radius:4px; font-size:.92em; white-space:nowrap;
}

footer.site { border-top:1px solid var(--line); padding-block:32px; color:var(--muted); font-size:13px; }
footer .frow { display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; justify-content:space-between; }
footer a { color:var(--muted); }
footer a:hover { color:var(--accent); }

:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:4px; }