/* The legal pages (privacy policy, account deletion), 2026-10-20: the site's
   ink, text and accent, one readable column. */
:root {
  --ink: #07090d;
  --line: rgba(255, 255, 255, .12);
  --text: #ece8e0;
  --muted: #959aa6;
  --accent: #f0962e;
  --display: "Cinzel", "Times New Roman", serif;
  --body: "Inter", system-ui, sans-serif;
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font: 400 16px/1.7 var(--body);
}
a { color: var(--accent); }
.legal-top {
  padding: 20px 16px;
  border-bottom: 1px solid var(--line);
  text-align: center;
}
.legal-home img { height: 56px; width: auto; }
.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 16px 56px;
}
.legal h1 {
  font: 700 clamp(30px, 6vw, 44px)/1.15 var(--display);
  margin: 0 0 6px;
  letter-spacing: .02em;
}
.legal-date { color: var(--muted); margin: 0 0 28px; }
.legal h2 {
  font: 600 19px/1.4 var(--body);
  color: var(--accent);
  margin: 34px 0 10px;
  letter-spacing: .02em;
}
.legal p, .legal li { color: #d6d2ca; }
.legal ul, .legal ol { padding-left: 22px; }
.legal li { margin: 4px 0; }
.legal strong { color: var(--text); }
.legal-foot {
  border-top: 1px solid var(--line);
  padding: 24px 16px 32px;
  text-align: center;
  color: var(--muted);
  font-size: 14px;
}
.legal-foot a { margin: 0 12px; color: var(--muted); text-decoration: none; }
.legal-foot a:hover { color: var(--accent); }
.legal-foot p { margin: 12px 0 0; }