/* Shared stylesheet for /terms.html and /privacy.html. Same tokens and
   typeface as index.html's enamel field (wizard, pricing), kept separate
   because these are plain long-form documents. */
:root{
  --bg:#F2F4F8; --card:#FCFDFF; --line:#CBD1DF;
  --ink:#0B1430; --ink-muted:#4B5674; --accent:#0E1A3A; --signal:#FFD43B;
  --font:'Archivo',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  font-family:var(--font); font-weight:420; font-size:1.0625rem; -webkit-font-smoothing:antialiased;
  background:var(--bg); color:var(--ink); line-height:1.6; caret-color:var(--accent);
}
::selection{ background:var(--signal); color:var(--ink); }
a{ color:var(--accent); text-decoration-thickness:1.5px; text-underline-offset:.2em; }
a:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }
.top-nav{ display:flex; align-items:center; justify-content:space-between; padding:22px 20px; max-width:760px; margin:0 auto; }
.brand{ font-stretch:122%; font-weight:820; font-size:1.4rem; letter-spacing:-.04em; color:var(--ink); text-decoration:none; text-transform:lowercase; }
.brand .dot{ display:none; }
.wrap{ max-width:760px; margin:0 auto; padding:8px 20px 80px; }
h1{ font-stretch:112%; font-weight:760; font-size:clamp(2rem,5vw,2.8rem); margin:0 0 10px; line-height:1.02; letter-spacing:-.03em; }
h2{ font-stretch:106%; font-weight:720; font-size:1.35rem; margin:36px 0 6px; line-height:1.15; letter-spacing:-.015em; }
p, li{ margin:0 0 12px; max-width:68ch; }
ul, ol{ padding-left:22px; }
.updated{ color:var(--ink-muted); font-size:.9rem; margin-bottom:28px; }
.muted{ color:var(--ink-muted); }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin:20px 0; }
.back-link{ display:inline-block; margin-top:28px; padding-top:16px; border-top:1px solid var(--line); font-size:.95rem; font-weight:600; }