@font-face {
  font-family: "Carter One HQV";
  src: url("/fonts/carter-one.ttf") format("truetype");
  font-display: swap;
}

:root {
  color: #241813;
  background: #d9bb84;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.65;
}

* { box-sizing: border-box; }
body { margin: 0; background: linear-gradient(145deg, #ead4a9, #c99f66); }
a { color: #741b16; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #c78a24; outline-offset: 3px; }
.legal-shell { width: min(100% - 32px, 820px); min-height: 100vh; margin: 0 auto; padding: 38px 0 56px; }
.legal-header,
.legal-content,
.legal-footer { padding: clamp(22px, 5vw, 44px); background: #f8ebca; border: 1px solid rgba(70, 38, 24, .25); }
.legal-header { color: #fff3ce; background: linear-gradient(135deg, #24100c, #5b1511); border-bottom: 3px solid #c78a24; border-radius: 16px 16px 0 0; }
.brand { display: inline-flex; gap: 13px; align-items: center; color: inherit; text-decoration: none; }
.brand-mark { display: grid; width: 40px; height: 40px; color: #f5c94a; font-size: 10px; font-weight: 800; background: #6d1714; border: 2px solid #f5c94a; border-radius: 7px; place-items: center; transform: rotate(45deg); }
.brand-mark span { transform: rotate(-45deg); }
.brand strong,
h1,
h2 { font-family: "Carter One HQV", Arial Black, sans-serif; font-weight: 400; }
.brand small { display: block; margin-top: 2px; color: #d9c79f; font-size: 11px; }
.legal-header h1 { max-width: 620px; margin: 34px 0 8px; font-size: clamp(2rem, 7vw, 3.6rem); line-height: 1.05; }
.legal-header p { max-width: 620px; margin: 0; color: #eadab8; }
.legal-content { border-top: 0; }
.legal-content h2 { margin: 34px 0 7px; color: #5b1511; font-size: 1.35rem; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p,
.legal-content li { color: #59483c; }
.legal-content li + li { margin-top: 8px; }
.callout { padding: 16px 18px; color: #4d3c27; background: #efddb4; border-left: 4px solid #c78a24; border-radius: 6px; }
.updated { color: #735f4e; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.legal-footer { display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; border-top: 0; border-radius: 0 0 16px 16px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 10px 16px; }
.legal-footer p { margin: 0; color: #6f5c4d; font-size: 12px; }
@media (max-width: 560px) {
  .legal-shell { width: 100%; padding: 0; }
  .legal-header,
  .legal-content,
  .legal-footer { border-right: 0; border-left: 0; border-radius: 0; }
  .legal-footer { display: grid; }
}