* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #111;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Shared styles for plain-text documentation pages
   (about, privacy_policy, terms, support). Scoped to body.doc-page
   so index.html and other layouts are unaffected. */
body.doc-page {
  line-height: 1.7;
  padding: 48px 24px;
}
.doc-page .container {
  max-width: 640px;
  margin: 0 auto;
}
.doc-page h1 {
  font-size: 28px;
  margin-bottom: 8px;
}
.doc-page h2 {
  font-size: 18px;
  margin-top: 32px;
  margin-bottom: 12px;
}
.doc-page p,
.doc-page ul {
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 16px;
}
.doc-page ul {
  padding-left: 20px;
}
.doc-page li {
  margin-bottom: 6px;
}
.doc-page a {
  color: #fff;
  opacity: 0.6;
}
.doc-page a:hover {
  opacity: 1;
}
.doc-page .back {
  display: inline-block;
  margin-bottom: 32px;
  font-size: 14px;
  text-decoration: none;
}
.doc-page .updated {
  font-size: 14px;
  opacity: 0.5;
  margin-bottom: 40px;
}
.doc-page .lede {
  font-size: 17px;
  opacity: 0.7;
  margin-bottom: 32px;
}
.doc-page .email {
  opacity: 1;
  font-weight: 500;
}
/* support.html has no .updated/.lede between <h1> and its first <p>,
   so it originally used a larger h1 margin-bottom (24px) to create
   that gap. Preserve that exact visual via a page-level modifier. */
.doc-page.support-page h1 {
  margin-bottom: 24px;
}