:root {
  font-family: Inter, system-ui, sans-serif;
  color: #0d203c;
  background: #eef3f8;
  --navy: #061a38;
  --blue: #0754a6;
  --yellow: #ffc515;
  --line: #d4deea;
}

* { box-sizing: border-box; }

body { margin: 0; }

.legal-header {
  padding: 24px 5vw;
  border-bottom: 4px solid var(--yellow);
  background: var(--navy);
  color: #fff;
}

.legal-header a { color: #fff; text-decoration: none; font-weight: 800; }

.legal-document {
  width: min(860px, calc(100% - 30px));
  margin: 34px auto;
  padding: clamp(24px, 5vw, 50px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.legal-document h1 { margin-top: 0; color: var(--navy); }
.legal-document h2 { margin-top: 30px; color: var(--blue); font-size: 1.2rem; }
.legal-document p, .legal-document li { line-height: 1.65; }
.legal-document a { color: var(--blue); }
.legal-updated { color: #65758a; }