/* the legal pages (terms.html, privacy.html) and the price table
   (/pricing); dark by the device's setting, in the site's dark colors
   (style.css) */
:root { color-scheme: light dark; --ink: #111; --paper: #fff; --mid: #666; --hair: #ddd; }
@media (prefers-color-scheme: dark) {
  :root { --ink: #e3e3e6; --paper: #171719; --mid: #a6a6ad; --hair: #36363c; }
}
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.6 Georgia, serif; }
main { width: min(720px, 100% - 40px); margin: 40px auto 80px; }
h1 { font-size: 30px; margin: 24px 0 0; }
h2 { font-size: 20px; margin: 32px 0 8px; }
.v { color: var(--mid); margin-top: 4px; }
a { color: inherit; }
code { font-size: 14px; }
table { border-collapse: collapse; font: 14px/1.5 system-ui, sans-serif; }
th, td { text-align: left; padding: 4px 16px 4px 0; border-bottom: 1px solid var(--hair); }