/* Plain pages on the website: the privacy policy and 404. */
:root { --bg: #ffffff; --fg: #1c1f26; --muted: #5b6270; --rule: #e3e6ec; --link: #113db0; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121317; --fg: #e9ebf0; --muted: #a3a9b6; --rule: #2a2d35; --link: #96b7ff; }
}
html { background: var(--bg); color: var(--fg); }
body { margin: 0 auto; max-width: 42rem; padding: 2rem 1rem 4rem;
       font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
h1 { font-size: 1.8rem; margin: 0 0 .25rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
p, li { margin: .5rem 0; }
.muted { color: var(--muted); }
a { color: var(--link); }
code { font-size: .92em; }

/* The /confirm/ page (S19). */
.confirm-btn { font: inherit; font-weight: 700; padding: .7rem 1.4rem; border: 0; border-radius: .6rem;
               background: #c6f432; color: #111; cursor: pointer; }
.confirm-btn[disabled] { opacity: .6; cursor: progress; }
.confirm-btn:focus-visible { outline: 3px solid var(--link); outline-offset: 2px; }
[hidden] { display: none !important; }
.fine { font-size: .85rem; }
/* Hidden: the confirm page shows reCAPTCHA's notice instead, as Google allows. */
.grecaptcha-badge { visibility: hidden; }