/* Shared by privacy.html and terms.html. Deliberately plain: these are
   documents, and a document's job is to be read. */
:root {
  --ink: #15171c; --muted: #5c6472; --line: #e6e6ef;
  --primary: #7c3aed; --bg: #fbfbfe;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.wrap { max-width: 44rem; margin: 0 auto; padding: 0 20px; }
header { border-bottom: 1px solid var(--line); background: #fff; }
header .wrap { display: flex; align-items: center; gap: 14px; padding: 16px 20px; }
header a.home { color: var(--ink); text-decoration: none; font-weight: 700; }
.lang-switch { margin-left: auto; display: flex; gap: 2px; }
.lang-switch button {
  border: none; background: none; cursor: pointer; font: inherit; font-size: 0.82rem;
  padding: 4px 7px; border-radius: 6px; color: var(--muted);
}
.lang-switch button[aria-pressed="true"] { background: #efeafd; color: var(--primary); font-weight: 600; }
main { padding: 40px 0 70px; }
h1 { font-size: clamp(1.5rem, 4vw, 2rem); letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font-size: 1.1rem; margin: 32px 0 8px; }
p, li { color: #2b2f3a; }
.muted { color: var(--muted); }
.updated { color: var(--muted); font-size: 0.88rem; margin: 0 0 30px; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--primary); }
.todo {
  background: #fffbeb; border: 1px solid #fde68a; border-radius: 10px;
  padding: 10px 14px; font-size: 0.9rem; color: #92400e;
}
footer { border-top: 1px solid var(--line); padding: 24px 0; color: var(--muted); font-size: 0.88rem; }
footer .wrap { display: flex; gap: 18px; flex-wrap: wrap; }
/* One language at a time; the switcher adds .active. */
.doc { display: none; }
.doc.active { display: block; }