/* shared by about, privacy, contact and 404: plain readable pages in the
   same dark monospace look as the front page, no canvas, no scripts */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 48px 24px 64px; background: #000; color: #c4c4cc;
  font-family: ui-sans-serif, "Inter", "Segoe UI", system-ui, sans-serif; font-size: 15.5px; line-height: 1.7;
}
main { max-width: 720px; margin: 0 auto; }
nav { font-family: ui-monospace, monospace; font-size: 13px; margin: 0 0 36px; display: flex; gap: 18px; flex-wrap: wrap; }
nav a { color: #9a9aa6; text-decoration: none; }
nav a:hover, nav a[aria-current] { color: #fff; }
nav .home { color: #fff; font-weight: 700; margin-right: auto; }
h1 { font-family: ui-monospace, monospace; font-size: 28px; color: #fff; margin: 0 0 8px; line-height: 1.25; }
h2 { font-family: ui-monospace, monospace; font-size: 18px; color: #fff; margin: 32px 0 8px; }
p, ul { margin: 0 0 14px; }
ul { padding-left: 20px; }
li { margin: 0 0 6px; }
a { color: #9ad; text-underline-offset: 3px; }
a:hover { color: #fff; }
.meta { color: #6b6b76; font-size: 13px; margin: 0 0 28px; }
footer { max-width: 720px; margin: 48px auto 0; padding-top: 18px; border-top: 1px solid #1c1c24; font-size: 12.5px; color: #6b6b76; }
@media (max-width: 700px) {
  body { padding: 28px 16px 48px; font-size: 15px; }
  h1 { font-size: 23px; }
}