:root {
  --bg: #f8f1e5;
  --paper: rgba(255, 250, 242, 0.97);
  --ink: #1f2840;
  --muted: #685f6b;
  --line: rgba(64, 49, 36, 0.16);
  --primary: #b24c2e;
  --accent: #1e7c6e;
  --shadow: 0 24px 60px rgba(53, 39, 25, 0.12);
  --sans: "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;
  --serif: "Baskerville", "Iowan Old Style", Georgia, serif;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.7;
  background:
    radial-gradient(circle at 10% 12%, rgba(195, 86, 51, 0.2), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(30, 124, 110, 0.15), transparent 20%),
    linear-gradient(180deg, var(--bg), #ebdcc4 62%, #f7efe4 100%);
}
.legal-shell { width: min(100% - 2rem, 980px); margin: 2rem auto; }
.legal-hero, .legal-content {
  padding: clamp(1.3rem, 4vw, 2.3rem);
  border: 2px solid var(--line);
  border-radius: 28px;
  background: var(--paper);
  box-shadow: var(--shadow);
}
.legal-hero { margin-bottom: 1rem; }
.legal-brand { display: flex; align-items: center; gap: 0.8rem; }
.legal-brand img { width: 54px; height: 54px; border-radius: 15px; }
.eyebrow { margin: 0; color: var(--primary); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
h1, h2 { font-family: var(--serif); }
h1 { margin: 0.5rem 0; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.05; }
h2 { margin: 0; font-size: 1.45rem; }
p, li { color: var(--muted); }
a { color: var(--primary); }
.legal-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.2rem; }
.legal-actions a { padding: 0.7rem 1rem; border-radius: 999px; background: rgba(178, 76, 46, 0.09); font-weight: 700; text-decoration: none; }
.legal-section + .legal-section { margin-top: 1.6rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }
.legal-note { padding: 1rem; border-left: 4px solid var(--accent); border-radius: 10px; background: rgba(30, 124, 110, 0.08); }
.legal-footer { padding: 1.2rem; text-align: center; color: var(--muted); }
@media (max-width: 640px) { .legal-shell { width: min(100% - 1rem, 980px); margin: 0.5rem auto; } }