/* ===========================================================================
   The stylesheet for the four legal pages, served at /legal/legal.css.

   ⛔ **One file behind four documents.** Until 2026-09-18 each page carried
   its own copy of this block inline, and the four copies were byte-identical
   only because nobody had edited one of them yet. Editing this file changes
   all four pages at once — that is the point, and it is also the risk.

   🔑 **A page that loses the link still says everything it should.** The text
   is complete, the bytes match the repository, every criterion about wording
   stays green, and the reader gets an unstyled document. `check.py` therefore
   asserts two separate things: that each page links exactly this address, and
   that what is served at it is byte-for-byte this file.
   =========================================================================== */

:root { color-scheme: light dark; }
body {
  /* Explicit, because a page with no background of its own inherits whatever
     the reader's browser paints. */
  color: #1a1a1a;
  background: #fdfdfd;
  max-width: 42rem;
  margin: 0 auto;
  /* Was 4rem at the bottom, reserved for a fixed footer this page does not have
   (trimmed 2026-09-16). */
  padding: 1.25rem 1.25rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 1.75 → 1.6. This saves more height than the font-size change does, because
     it multiplies by every line. Chinese paragraphs are still open enough at
     1.6; below that they start to crowd. */
  line-height: 1.6;
  /* About 15px. Not 0.875rem (14px): that is footnote size in the app, and this
     is a legal text meant to be read clause by clause (trimmed 2026-09-16). */
  font-size: 0.94rem;
}
h1 { font-size: 1.45rem; line-height: 1.3; }
/* margin-top was 2.5rem, and the privacy policy has twelve sections — this
   value is multiplied by twelve. */
h2 { font-size: 1.15rem; margin-top: 1.75rem; }
h3 { font-size: 1rem; }
code { font-size: 0.9em; word-break: break-word; }
blockquote {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border-left: 4px solid currentColor;
  opacity: 0.85;
}
table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; }
th, td { border: 1px solid; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; }
@media (prefers-color-scheme: dark) {
  body { color: #e8e8e8; background: #16181a; }
  a { color: #7fb3ff; }
}
.lang-switch {
  margin: 0 0 2rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid;
  font-size: 0.9rem;
}