/* The legal pages (privacy, terms, account deletion): the site's paper, ink
   and three type voices in one reading column. Labels stay at 11.5 px or
   more and reading text at 16.8 px. The theme is the one the reader chose on
   the site (rv_theme), else the system's; each page sets it before paint. */
:root{
  --paper:#FFFFFF; --ink:#111111; --ink-60:#5A5A5A; --ink-35:#A9A9A9;
  --hair:#A9A9A9; --accent:#B01018;
  color-scheme:light;
}
[data-theme="dark"]{
  --paper:#111111; --ink:#FFFFFF; --ink-60:#A9A9A9; --ink-35:#5A5A5A;
  --hair:#5A5A5A; --accent:#DE8286;
  color-scheme:dark;
}
*{box-sizing:border-box;border-radius:0}
html{
  background-color:var(--paper);
  background-image:radial-gradient(var(--hair) 1px,transparent 1.6px);
  background-size:22px 22px;
}
body{
  margin:0 auto;max-width:820px;
  padding:clamp(16px,2.4vw,28px) 16px 48px;
  display:grid;gap:14px;align-content:start;
  color:var(--ink);
  font:400 1.05rem/1.65 "Newsreader",Georgia,"Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* the header box, as on the site */
header.top{border:1px solid var(--ink);background:var(--paper);padding:clamp(16px,2.4vw,26px)}
.kicker{display:inline-flex;align-items:center;gap:8px;
  font:600 .72rem/1 "Afacad Flux",system-ui,sans-serif;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ink-60);text-decoration:none}
.kicker .spark{width:12px;height:12px;fill:var(--ink);flex:none}
h1{font:400 clamp(1.8rem,5vw,2.6rem)/1.05 "Prata",Georgia,serif;letter-spacing:-.01em;margin:14px 0 6px}
.anno{font-style:italic;color:var(--ink-60);margin:0}
.legalnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.legalnav a{
  font:600 .72rem/1 "Afacad Flux",system-ui,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;text-decoration:none;
  border:1px solid var(--ink);background:var(--paper);color:var(--ink);
  padding:11px 13px;transition:background-color .15s,color .15s;
}
.legalnav a:hover,.legalnav a[aria-current="page"]{background:var(--ink);color:var(--paper)}

/* the text */
main.doc{border:1px solid var(--ink);background:var(--paper);padding:clamp(18px,3.4vw,36px)}
.lede{font-size:1.17rem;line-height:1.6;margin:0}
h2{
  font:600 .78rem/1.3 "Afacad Flux",system-ui,sans-serif;letter-spacing:.2em;
  text-transform:uppercase;margin:36px 0 14px;padding-bottom:10px;
  border-bottom:1px solid var(--ink);
}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:1.2em}
li{margin-bottom:9px}
li::marker{color:var(--ink-60)}
b{font-weight:600}
.stamp{
  font:600 .72rem/1.7 "Afacad Flux",system-ui,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-60);
  border-top:1px solid var(--hair);padding-top:14px;margin:40px 0 0;
}