:root {
  --ink: #37281e;
  --muted: #765f50;
  --paper: #fff9ef;
  --cream: #f6ead7;
  --olive: #657442;
  --line: rgba(80, 52, 35, 0.18);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(135deg, #fffaf0, #f1dfc8);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.6;
}

.legal-page {
  width: min(100% - 32px, 920px);
  margin: 32px auto;
  padding: clamp(24px, 5vw, 52px);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255, 249, 239, 0.92);
  box-shadow: 0 22px 55px rgba(75, 50, 30, 0.12);
}

.legal-page h1 { margin: 0; font-size: clamp(30px, 5vw, 46px); line-height: 1.08; }
.legal-page h2 { margin: 32px 0 8px; font-size: clamp(22px, 3vw, 29px); line-height: 1.2; }
.legal-page p, .legal-page li { color: var(--muted); }
.legal-page ul { padding-left: 22px; }
.legal-page a { color: var(--olive); text-underline-offset: 3px; }
.legal-meta { margin: 8px 0 24px; color: var(--olive); font-weight: 700; }
.legal-back { display: inline-flex; margin-bottom: 24px; }
.legal-note { padding: 16px 18px; border-radius: 16px; background: var(--cream); }
.legal-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line); }