:root {
  --paper: #efe8d9;
  --paper-light: #fbf7ed;
  --ink: #171717;
  --red: #b91c2a;
  --green: #205438;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.65;
}
.legal-shell { width: min(860px, calc(100% - 28px)); margin: 28px auto 64px; }
.legal-topbar, .legal-card { border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); }
.legal-topbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 12px 16px;
  background: var(--ink);
  color: #fff;
  font: 800 12px/1.3 Arial, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.legal-topbar a { color: #ffe257; }
.legal-card { margin-top: 22px; padding: clamp(24px, 5vw, 52px); background: var(--paper-light); }
.legal-kicker { margin: 0 0 10px; color: var(--red); font: 900 11px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0 0 14px; font: 900 clamp(34px, 7vw, 58px)/.98 "Arial Narrow", Arial, sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
h2 { margin: 34px 0 8px; padding-top: 18px; border-top: 2px solid var(--ink); font: 900 22px/1.15 Arial, sans-serif; text-transform: uppercase; }
h3 { margin: 22px 0 7px; font: 900 17px/1.2 Arial, sans-serif; }
p, li { font-size: 16px; }
a { color: #174f81; }
.legal-meta { margin: 0 0 28px; color: #56534d; font: 700 12px Arial, sans-serif; }
.legal-note { padding: 15px 18px; border-left: 7px solid var(--green); background: #fff8df; }
table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 14px; }
th, td { border: 1px solid var(--ink); padding: 10px; text-align: left; vertical-align: top; }
th { background: var(--ink); color: #fff; font-family: Arial, sans-serif; }
.legal-footer { margin-top: 28px; text-align: center; font: 700 12px Arial, sans-serif; }
@media (max-width: 620px) {
  .legal-topbar { align-items: flex-start; flex-direction: column; }
  .legal-card { box-shadow: 4px 4px 0 var(--ink); }
  table { display: block; overflow-x: auto; }
}