/* Document styles for /privacy and /terms.
   Deliberately small and separate from the landing page's design system:
   these are documents to be read, not a designed page, and keeping them
   independent means a change to the marketing page can't quietly restyle
   a legal notice. Fonts are the self-hosted trio. */
:root {
  --bg: #F0E5D1; --panel: #F8F0E1; --ink: #16202E;
  --ink-2: rgba(22,32,46,.72); --ink-3: rgba(22,32,46,.54);
  --rule: rgba(22,32,46,.16); --accent: #2A6A73; --flag: rgba(184,67,74,.10); --flag-edge: #B8434A;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #131A24; --panel: #1B2430; --ink: #EDE3D2;
    --ink-2: rgba(237,227,210,.72); --ink-3: rgba(237,227,210,.54);
    --rule: rgba(237,227,210,.18); --accent: #6FBFC9; --flag: rgba(232,118,124,.13); --flag-edge: #E8767C;
  }
}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;
  src:url('/Chairside/fonts/fraunces-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/Chairside/fonts/plus-jakarta-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('/Chairside/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 clamp(18px,5vw,28px) 80px}
header.top{border-bottom:1px solid var(--rule);margin-bottom:44px}
header.top .in{max-width:720px;margin:0 auto;padding:16px clamp(18px,5vw,28px);display:flex;align-items:center;gap:12px}
.back{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);text-decoration:none;
}
.back:hover{color:var(--ink)}
.name{
  margin-left:auto;font-family:'Fraunces',serif;font-weight:500;font-size:17px;letter-spacing:-.02em;
  text-decoration:none;color:var(--ink);
}
h1{
  font-family:'Fraunces',serif;font-weight:300;font-size:clamp(32px,6vw,50px);line-height:1.03;
  letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance;
}
.stamp{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 36px;
}
h2{
  font-family:'Fraunces',serif;font-weight:400;font-size:clamp(20px,2.6vw,25px);letter-spacing:-.02em;
  margin:44px 0 12px;text-wrap:balance;
}
h3{font-size:15px;font-weight:700;margin:26px 0 8px}
p,li{color:var(--ink-2)}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:7px}
strong{color:var(--ink);font-weight:600}
a{color:var(--accent)}
code{
  font-family:'JetBrains Mono',monospace;font-size:.88em;
  background:var(--panel);border:1px solid var(--rule);border-radius:5px;padding:1px 5px;
}
.lede{font-size:18px;color:var(--ink-2);margin-bottom:30px}
.box{background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:20px 22px;margin:0 0 22px}
.box p:last-child{margin-bottom:0}
.todo{
  background:var(--flag);border:1px solid var(--flag-edge);border-radius:10px;
  padding:14px 16px;margin:0 0 20px;font-size:14.5px;
}
.todo b{
  display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--flag-edge);margin-bottom:6px;
}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--ink-3)}
footer a{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
