/* Shared look of the text pages (about, privacy, terms, credits, contact) - the site's atlas colours. */
:root { --bg: #dde9ee; --ink: #1b2a4a; --muted: #52627c; --rule: #b9cbd3; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #0f1c29; --ink: #e2eaee; --muted: #95a8b6; --rule: #2a4359; color-scheme: dark; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 1rem/1.6 system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 24px 16px 48px; }
a { color: inherit; text-underline-offset: 0.18em; }
h1 { font-size: 1.5rem; line-height: 1.2; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
main > p:first-child { padding-bottom: 0.75rem; border-bottom: 1px solid var(--rule); }
.back { color: var(--muted); }
.updated { color: var(--muted); font-size: 0.9rem; }
footer { margin-top: 2.5rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); font-size: 0.9rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; }