/* Legal pages (privacy, terms) — Tiimo's document layout in Peter's type: one
   left-aligned column (665px at the 15px base), serif headings stepping
   56 / 45 / 35px, 15px body at a 1.7 line, bold lead-ins, underlined links. */
body.legal { background-color: var(--page); }
.doc { padding: 3.5em 2em 6em; }
.doc-col { max-width: 44.3em; margin: 0 auto; }   /* centred column, like Tiimo (text stays left-aligned) */
.doc h1 { font-size: 3.75em; line-height: 1.1em; margin-bottom: 0.5em; }
.doc h2 { font-size: 3em; line-height: 1.13em; margin: 1.5em 0 0.3em; }
.doc h3 { font-size: 2.3em; line-height: 1.15em; margin: 1em 0 0.5em; }
.doc p, .doc li { font-size: 1em; line-height: 1.7em; color: #1e1e1e; }
.doc p { margin: 0 0 1em; }
.doc p.lead { font-size: 1.07em; }
.doc p.meta { color: var(--muted); font-size: 0.93em; }
.doc ul { margin: 0 0 1.1em; padding-left: 1.3em; }
.doc li { margin: 0 0 0.35em; color: var(--paragraph); }
.doc li strong, .doc p strong { color: var(--ink); font-weight: 600; }
.doc a { color: var(--brand); text-decoration: underline; font-weight: 600; }
.doc .contact-block { line-height: 1.7em; }
.doc mark.todo { background: #fff1a6; color: var(--ink); padding: 0 0.25em; border-radius: 4px; }
@media (max-width: 767px) {
  .doc { padding: 2em 1.25em 4em; }
  .doc h1 { font-size: 2.6em; }
  .doc h2 { font-size: 2em; }
  .doc h3 { font-size: 1.5em; }
}