body.legal-page .legal-main { max-width: none; margin: 0; padding: 0; }
body.legal-page .legal-hero,
body.legal-page .legal-content { padding-inline: max(1.25rem, calc((100vw - 64rem) / 2)); }
body.legal-page .legal-hero { padding-top: clamp(4rem, 8vw, 7rem); padding-bottom: clamp(3.5rem, 7vw, 6rem); background: linear-gradient(135deg, #f3eee5 0%, #fff 48%, #e7eef3 100%); }
body.legal-page .legal-hero h1 { max-width: 14ch; margin: .7rem 0 1.15rem; color: #17324d; font-size: clamp(2.8rem, 7vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
body.legal-page .legal-hero > p:last-child { max-width: 46rem; margin: 1.25rem 0 0; color: #3d4a57; font-size: 1.15rem; line-height: 1.7; }
body.legal-page .legal-updated { margin: 0; color: #5b6b78; font-size: .92rem; }
body.legal-page .legal-content { padding-top: clamp(3.5rem, 7vw, 6rem); padding-bottom: clamp(4rem, 8vw, 7rem); }
body.legal-page .legal-content section { padding: 0 0 3.5rem; border-bottom: 1px solid #d9e1e8; }
body.legal-page .legal-content section + section { padding-top: 3.5rem; }
body.legal-page .legal-content section:last-child { padding-bottom: 0; border-bottom: 0; }
body.legal-page .legal-content h2 { margin: 0 0 1.25rem; color: #17324d; font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.15; letter-spacing: -.025em; }
body.legal-page .legal-content h3 { margin: 2rem 0 .75rem; color: #214b66; font-size: 1.18rem; line-height: 1.3; }
body.legal-page .legal-content p,
body.legal-page .legal-content li { color: #3d4a57; font-size: 1.03rem; line-height: 1.78; }
body.legal-page .legal-content p { margin: 0 0 1rem; }
body.legal-page .legal-content p:last-child { margin-bottom: 0; }
body.legal-page .legal-content ul { margin: .8rem 0 1.25rem; padding-left: 1.35rem; }
body.legal-page .legal-content li + li { margin-top: .45rem; }
body.legal-page .legal-content a { color: #1d5e81; font-weight: 600; text-underline-offset: .18em; }
body.legal-page .legal-content a:focus-visible { outline: 3px solid #d67a00; outline-offset: 3px; }
@media (max-width: 767px) {
  body.legal-page .legal-hero { padding-top: 4rem; padding-bottom: 3.5rem; }
  body.legal-page .legal-content section { padding-bottom: 2.75rem; }
  body.legal-page .legal-content section + section { padding-top: 2.75rem; }
}
