/* The privacy notice and terms (public/privacy, public/terms): plain static pages, readable without the app's
   JavaScript (Google's consent-screen check and search engines read them), in Vidya's blackboard look. */
:root { --bg: #0A0A0B; --ink: #EDEDEF; --body: #B6B6BC; --mut: #7C7C84; --ln: #242428; --ac: #8FA0FF; }
@media (prefers-color-scheme: light) { :root { --bg: #F6F5F1; --ink: #141416; --body: #3A3A40; --mut: #6A6A72; --ln: #DCDAD2; --ac: #3B4FD8; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--body); font: 16px/1.65 "Instrument Sans", system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 96px; }
.top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 40px; }
.top a { color: var(--ink); text-decoration: none; font: 600 22px "Bricolage Grotesque", sans-serif; }
.top nav a { font: 500 14px "Instrument Sans", sans-serif; color: var(--mut); margin-left: 16px; }
h1 { color: var(--ink); font: 700 clamp(30px, 6vw, 42px)/1.1 "Bricolage Grotesque", sans-serif; margin: 0 0 8px; }
h2 { color: var(--ink); font: 600 21px/1.3 "Bricolage Grotesque", sans-serif; margin: 40px 0 8px; }
.meta { font: 12px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--mut); }
a { color: var(--ac); }
li { margin: 4px 0; }
strong { color: var(--ink); font-weight: 600; }
.box { border: 1px solid var(--ln); border-radius: 10px; padding: 14px 18px; margin: 20px 0; }
footer { margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--ln); font-size: 13px; color: var(--mut); }