/* Shared look for the plain pages around the app (about, guides). Same paper
   and ink as privacy.html and support.html, which keep their own inline copy. */
:root { color-scheme: light dark; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 19px; max-width: 680px; margin: 0 auto; padding: 32px 16px 56px;
  line-height: 1.55; color: #15120e; background: #f4f0e6;
}
a { color: #15120e; font-weight: 700; text-underline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  body { color: #f4f0e6; background: #15120e; }
  a { color: #f7b500; }
  .note, table { border-color: #f4f0e6; }
}
nav.top { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.95rem; margin-bottom: 28px; }
h1 { font-size: 2rem; line-height: 1.1; text-transform: uppercase; margin: 0 0 8px; }
h2 { font-size: 1.25rem; margin-top: 1.8em; }
h3 { font-size: 1.05rem; margin: 1.4em 0 0.3em; }
.updated { opacity: 0.75; font-size: 0.9rem; margin-top: 0; }
.note { border: 3px solid currentColor; border-radius: 14px; padding: 14px 18px; }
.fine { font-size: 0.95rem; opacity: 0.85; }
table { border-collapse: collapse; width: 100%; font-size: 0.95rem; margin: 0.6em 0 1em; }
th, td { text-align: left; vertical-align: top; padding: 6px 8px; border-bottom: 1px solid rgba(128, 128, 128, 0.45); }
th { font-weight: 700; }
td.n { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.scroll { overflow-x: auto; }
footer { margin-top: 2.8em; font-size: 0.95rem; }
footer p { margin: 0.5em 0; }