/* Readable legal pages using the existing site palette and fonts. */
.legal{max-width:860px;padding:48px 24px 64px;font-size:16px;line-height:1.7}
.legal h1{font-size:clamp(34px,6vw,52px);text-wrap:balance}
.legal h2{font-size:clamp(22px,3vw,28px);line-height:1.3;margin:32px 0 16px;text-wrap:balance}
.legal h3{font-size:20px;line-height:1.4}
.legal .eyebrow{font-size:12px}.legal .small{font-size:14px}
.legal p,.legal li{overflow-wrap:break-word;text-wrap:pretty}
.legal .note{padding:24px;border-radius:20px;border:1px solid currentColor}
.legal .note h2{margin-top:0}.legal .note p:last-child{margin-bottom:0}
.legal a{overflow-wrap:anywhere;text-underline-offset:4px}
header nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
footer{font-size:13px;line-height:1.7}footer .footer-legal{gap:12px 24px;display:flex;flex-wrap:wrap;justify-content:center}
@media(max-width:500px){.legal{padding:32px 20px 48px}header .brand{font-size:18px}header nav{justify-content:flex-start;gap:8px 20px}.legal .note{padding:20px}}

.legal h1,.legal h2,.legal h3{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em}
