/* Static pages (about / privacy) on mr.asapo.jp; the same palette as the viewer. */
:root { --text: #1b2524; --muted: #5b6766; --accent: #0f3d3e; --border: #d6dcda; --bg: #ffffff; color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root { --text: #e6ecea; --muted: #9aa7a5; --accent: #8fd3c3; --border: #34403e; --bg: #121817; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); }
body { font-family: system-ui, "Noto Sans JP", sans-serif; line-height: 1.8; padding: 24px 16px 64px; }
main { max-width: 760px; margin: 0 auto; }
h1 { font-size: 1.6rem; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--border); }
a { color: var(--accent); }
.muted { color: var(--muted); font-size: 0.9rem; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--border); }