/* The Terms and Privacy pages. Tokens, header and sheet are the download
   page's (download/index.html), so the pages read as part of the site. */
:root{
  --board:#e9ecef; --sheet:#ffffff; --ink:#16181c; --text:#3a3f47; --muted:#6b7380;
  --rule:#d6dbe1; --blue:#2f6bff; --blue-soft:rgba(47,107,255,.10);
  --shadow:0 1px 2px rgba(22,24,28,.06),0 12px 32px -12px rgba(22,24,28,.18);

  --f-display:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Newsreader",Iowan Old Style,Georgia,"Times New Roman",serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --t-kicker:.75rem; --t-small:.875rem; --t-body:1.125rem; --t-lede:1.25rem;
  --t-h2:1.375rem; --t-h1:clamp(2.25rem,5vw,3.25rem);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --board:#0e1013; --sheet:#16181c; --ink:#eef0f3; --text:#c3c8d0; --muted:#8a919c;
    --rule:#2a2e35; --blue:#6f97ff; --blue-soft:rgba(111,151,255,.14);
    --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --board:#0e1013; --sheet:#16181c; --ink:#eef0f3; --text:#c3c8d0; --muted:#8a919c;
  --rule:#2a2e35; --blue:#6f97ff; --blue-soft:rgba(111,151,255,.14);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px -12px rgba(0,0,0,.6);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--board)}
body{
  margin:0;background:var(--board);color:var(--text);
  font-family:var(--f-body);font-size:var(--t-body);line-height:1.6;font-optical-sizing:auto;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-bottom:48px;overflow-x:hidden;
}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.18em;overflow-wrap:anywhere}
a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

.top{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}
.brand{color:var(--ink);text-decoration:none;font-family:var(--f-display);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em}
.top nav{display:flex;gap:18px;font-family:var(--f-display);font-size:var(--t-small)}
.top nav a{color:var(--muted);text-decoration:none}
.top nav a[aria-current="page"]{color:var(--ink);font-weight:600}

.sheet{max-width:880px;margin:0 auto;background:var(--sheet);border-radius:14px 14px 28px 28px;box-shadow:var(--shadow);
  padding-block:clamp(32px,6vw,72px);padding-inline:clamp(20px,6vw,80px)}
.col{max-width:36em;margin:0 auto}
.kicker{font-family:var(--f-mono);font-size:var(--t-kicker);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.kicker b{color:var(--blue);font-weight:500}
h1{font-family:var(--f-display);font-weight:700;font-size:var(--t-h1);line-height:1.05;letter-spacing:-.035em;color:var(--ink);margin:0 0 18px;text-wrap:balance}
.dek{font-style:italic;font-size:var(--t-lede);line-height:1.45;color:var(--ink);margin:0 0 28px;text-wrap:pretty}
h2{font-family:var(--f-display);font-weight:600;font-size:var(--t-h2);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:2em 0 .5em;scroll-margin-top:16px}
p,li{text-wrap:pretty}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.4em}
li{margin-bottom:.45em}
strong{color:var(--ink);font-weight:600}
.callout{font-family:var(--f-display);font-size:var(--t-small);line-height:1.55;color:var(--ink);margin:0 0 1.2em;padding:12px 16px;border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 8px 8px 0}
.foot{text-align:center;font-family:var(--f-display);font-size:var(--t-small);color:var(--muted);margin-top:28px}
.foot a{color:var(--ink)}

@media (max-width:480px){
  .sheet{padding-inline:18px;border-radius:12px 12px 22px 22px}
}