/* === Reset & Base === */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { color: #1a1a1a; background-color: #fdfdfd; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* === Document pages (privacy, terms, and support) === */
body.doc-page {
  margin: 0 auto; max-width: 42em; padding: 3em 1.5em;
  line-height: 1.8; font-size: 15px;
}
body.doc-page h1 { font-size: 1.6em; margin-bottom: 0.3em; color: #111; }
body.doc-page h2 { font-size: 1.25em; margin: 1.8em 0 0.6em; color: #222; border-bottom: 1px solid #eee; padding-bottom: 0.3em; }
body.doc-page h3 { font-size: 1.1em; margin: 1.4em 0 0.4em; color: #333; }
body.doc-page h4 { font-size: 1.0em; margin: 1.2em 0 0.3em; color: #444; }
body.doc-page p { margin: 0.8em 0; }
body.doc-page a { color: #2a6496; text-decoration: none; }
body.doc-page a:hover { text-decoration: underline; }
body.doc-page ul, body.doc-page ol { padding-left: 1.5em; margin: 0.6em 0; }
body.doc-page li { margin: 0.3em 0; }
body.doc-page pre { white-space: pre-wrap; word-wrap: break-word; background: #f6f6f6; padding: 1em; border-radius: 4px; font-size: 0.9em; }
body.doc-page table { width: 100%; border-collapse: collapse; margin: 1em 0; }
body.doc-page th, body.doc-page td { border: 1px solid #ddd; padding: 0.5em 0.8em; text-align: left; }
body.doc-page th { background: #f8f8f8; font-weight: 600; }
body.doc-page strong { color: #111; }
body.doc-page .meta { color: #888; font-size: 0.85em; margin-bottom: 2em; }

/* === Landing page === */
body.landing-page {
  display: flex; align-items: center; justify-content: center;
  min-height: 100vh; line-height: 1.6;
}
body.landing-page .container { text-align: center; padding: 2em; }
body.landing-page h1 { font-size: 1.8em; margin-bottom: 0.3em; color: #111; }
body.landing-page .subtitle { color: #888; margin-bottom: 2em; font-size: 0.95em; }
body.landing-page .links { list-style: none; padding: 0; }
body.landing-page .links li { margin: 0.8em 0; }
body.landing-page .links a {
  display: inline-block; padding: 0.6em 1.8em;
  color: #2a6496; text-decoration: none;
  border: 1px solid #ddd; border-radius: 8px;
  font-size: 1.05em; transition: all 0.2s ease;
}
body.landing-page .links a:hover { background: #f5f5f5; border-color: #bbb; }

/* === Dark mode === */
@media (prefers-color-scheme: dark) {
  html { color: #e0e0e0; background-color: #1a1a1a; }

  /* Document pages */
  body.doc-page h1, body.doc-page h2, body.doc-page h3, body.doc-page h4 { color: #f0f0f0; }
  body.doc-page h2 { border-bottom-color: #333; }
  body.doc-page a { color: #6cb4ee; }
  body.doc-page strong { color: #f0f0f0; }
  body.doc-page .meta { color: #999; }
  body.doc-page pre { background: #252525; }
  body.doc-page th { background: #252525; }
  body.doc-page th, body.doc-page td { border-color: #444; }

  /* Landing page */
  body.landing-page h1 { color: #f0f0f0; }
  body.landing-page .subtitle { color: #999; }
  body.landing-page .links a { color: #6cb4ee; border-color: #444; }
  body.landing-page .links a:hover { background: #252525; border-color: #666; }
}