/* The page's own text before the app starts (index.html, written by scripts/legal-pages.mjs). The app replaces it the moment it loads, so this only shows
   for an instant, and to anyone or anything that does not run scripts. No inline style is allowed on the site, so it lives here. */
:root { color-scheme: light dark; }
body { margin: 0; font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #f5f8f7; color: #0e2a33; }
.boot { max-width: 44rem; margin: 0 auto; padding: 40px 20px 60px; }
.boot h1 { margin: 0 0 6px; font-size: 2.2rem; color: #0b4a57; }
.boot h2 { margin: 1.8rem 0 0.4rem; font-size: 1.3rem; }
.boot h3 { margin: 1.1rem 0 0.1rem; font-size: 1.02rem; }
.boot .lead { font-size: 1.15rem; margin: 0 0 16px; }
.boot ul, .boot ol { padding-left: 1.3rem; margin: 10px 0; }
.boot li { margin: 5px 0; }
.boot a { color: #0b4a57; }
.boot .links { margin-top: 28px; font-size: 0.95rem; line-height: 2; }
.boot .note { color: #4b6670; font-size: 0.9rem; margin-top: 20px; }
@media (prefers-color-scheme: dark) {
  body { background: #08191f; color: #eaf1f0; }
  .boot h1, .boot a { color: #7fd0c0; }
  .boot .note { color: #a9c0c4; }
}