:root {
  color-scheme: light;
  --cream: #f4eddf;
  --paper: #fffdf8;
  --pine: #1b6b3a;
  --pine-dark: #0e4124;
  --espresso: #3a2820;
  --gold: #d4a04f;
  --muted: #6e625a;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--espresso);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.7;
}

.legal-topbar {
  padding: 18px 20px;
  background: linear-gradient(135deg, var(--pine-dark), var(--pine));
  color: #fff;
  text-align: center;
  box-shadow: 0 4px 18px rgba(0,0,0,.22);
}

.legal-topbar strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 5vw, 30px);
}

.legal-topbar span { color: #f4dfb4; font-size: 13px; }

.legal-page {
  width: min(920px, calc(100% - 28px));
  margin: 26px auto 48px;
  padding: clamp(24px, 6vw, 52px);
  background: var(--paper);
  border: 1px solid rgba(212,160,79,.45);
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(58,40,32,.12);
}

h1, h2 { font-family: Georgia, "Times New Roman", serif; }
h1 { margin: 0 0 6px; color: var(--pine-dark); font-size: clamp(30px, 7vw, 48px); line-height: 1.12; }
h2 { margin: 30px 0 8px; color: var(--pine); font-size: clamp(20px, 4.5vw, 27px); line-height: 1.25; }
p, li { font-size: 16px; }
ul { padding-left: 22px; }
.legal-updated { margin: 0 0 28px; color: var(--muted); font-size: 13px; }
.legal-note { padding: 16px 18px; background: #f8f0df; border-left: 4px solid var(--gold); border-radius: 8px; }
.legal-back {
  display: inline-block;
  margin-top: 34px;
  padding: 13px 20px;
  border-radius: 9px;
  background: var(--pine);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.legal-back:hover { background: var(--pine-dark); }
a { color: var(--pine); }

@media (max-width: 480px) {
  .legal-page { margin-top: 14px; border-radius: 12px; }
  p, li { font-size: 15px; }
}