/* Text-only pages: thank-you and privacy, in both languages.
   Same tokens as site.css so the legal pages are not a different brand, but
   without the layout machinery a one-column document does not need. Unlike the
   previous inline styles, this one follows the visitor's dark mode. */
:root{
  --paper:#ffffff; --ink:#1c1c1c; --ink-2:#3a3a3a; --mut:#6b7280;
  --line:#e6e6e6; --accent:#1f5c86;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#101215; --ink:#eceef1; --ink-2:#b9bfc8; --mut:#8b93a0;
         --line:#282d34; --accent:#8fc0dd; }
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;max-width:680px;margin:0 auto;
  padding:56px 24px 80px;line-height:1.7;color:var(--ink);background:var(--paper)}
h1{font-size:1.7rem;margin:0 0 8px;line-height:1.15}
h2{font-size:1.15rem;margin-top:2em;margin-bottom:.4em}
p,li{color:var(--ink-2)}
p{margin:0 0 1em}
a{color:var(--accent)}
.back{display:inline-block;margin-bottom:32px;font-size:.92rem}
.meta{color:var(--mut);font-size:.9rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* thank-you page only */
body.thanks{padding-top:15vh}
.tick{width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:24px}
.next{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:.95rem}