/* Legal pages (spec 8.6): white, black text, system sans, 680px. No quiz shell. Same for both quizzes. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: #fff; color: #000;
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.legal { max-width: 680px; margin: 0 auto; padding: 40px 16px 24px; }
.legal h1 { font-size: 28px; line-height: 1.25; margin: 0 0 8px; }
.legal h2 { font-size: 18px; margin: 32px 0 8px; }
.legal p, .legal ul { margin: 0 0 14px; }
.legal ul { padding-left: 20px; }
.legal li { margin-bottom: 6px; }
.legal code { font-size: 14px; }
.legal a { color: #000; }
.site-footer {
  text-align: center; font-size: 12px; line-height: 1.5; color: #6b6f76;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
}
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }