:root {
  --orange: #e5892a;
  --orange-deep: #d4761a;
  --ink: #1a1410;
  --cream: #fff6ea;
  --muted: #6f6052;
  --line: rgba(26, 20, 16, 0.12);
  --font: "Heebo", system-ui, "Segoe UI", Arial, sans-serif;
  --display: "Suez One", "Heebo", serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font); color: var(--ink); background: var(--cream); line-height: 1.7; }
a { color: var(--orange-deep); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; border-radius: 4px; }

.legal-top {
  background: linear-gradient(135deg, var(--orange) 0%, var(--orange-deep) 100%);
  color: #2a1a06; padding: 18px 0;
}
.legal-top__inner { width: 100%; max-width: 820px; margin-inline: auto; padding-inline: 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.legal-top__logo { font-family: var(--display); font-size: 1.4rem; color: var(--ink); text-decoration: none; }
.legal-top__back { font-weight: 700; color: #2a1a06; text-decoration: none; }
.legal-top__back:hover { text-decoration: underline; }

.legal { width: 100%; max-width: 820px; margin-inline: auto; padding: 48px 22px 80px; }
.legal h1 { font-family: var(--display); font-size: clamp(2rem, 5vw, 2.8rem); margin-bottom: 6px; }
.legal .updated { color: var(--muted); margin-bottom: 32px; }
.legal h2 { font-family: var(--display); font-size: 1.35rem; margin: 34px 0 10px; }
.legal p { margin-bottom: 14px; }
.legal ul { margin: 0 0 16px; padding-inline-start: 22px; }
.legal li { margin-bottom: 7px; }
.legal a { font-weight: 600; }
.legal .card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 20px 22px; margin: 18px 0;
  box-shadow: 0 10px 30px -22px rgba(26,20,16,.4); }

.legal-foot { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 20px; color: var(--muted); font-size: .92rem; }
.legal-foot a { color: var(--orange-deep); font-weight: 600; }