:root { color-scheme: light; --ink: #07162d; --gold: #ddb34f; }
* { box-sizing: border-box; }
body { margin: 0; background: #f4f1e8; color: var(--ink); font: 16px/1.7 ui-sans-serif, system-ui, sans-serif; }
a { color: #17375f; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.legal-masthead { background: var(--ink); border-bottom: 5px solid var(--gold); color: #fff; }
.legal-bar { width: min(980px, 92%); margin: auto; padding: 18px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legal-brand { display: flex; align-items: center; gap: 16px; color: #fff; text-decoration: none; font: 700 24px/1.1 Georgia, serif; }
.legal-brand img { width: 70px; height: 70px; }
.legal-back { color: #f5dfa1; font-size: 14px; white-space: nowrap; }
.legal-main { width: min(860px, 92%); margin: 32px auto; padding: 32px 40px; background: #fff; border: 1px solid #d9dfe7; border-radius: 14px; }
.legal-main h1 { margin: 0 0 4px; font: 700 52px/1.05 Georgia, serif; letter-spacing: -1.5px; }
.legal-date { margin: 0 0 28px; color: #6f7988; font-size: 13px; }
.legal-main h2 { margin: 28px 0 8px; font-size: 18px; line-height: 1.3; }
.legal-main p { margin: 0 0 16px; }
.legal-wrap { width: min(980px, 92%); margin: auto; }
@media (max-width: 600px) {
  .legal-bar { gap: 12px; }
  .legal-brand { font-size: 19px; gap: 10px; }
  .legal-brand img { width: 54px; height: 54px; }
  .legal-back { font-size: 12px; }
  .legal-main { margin: 22px auto; padding: 26px 22px; }
  .legal-main h1 { font-size: 42px; }
}