/* Legal details use the shared page shell, colors and typefaces. */
.legal-page .legal-main { padding-top:150px; padding-bottom:100px; color:#17201e }
.legal-main > .case-label { font-size:11px; letter-spacing:.12em; line-height:1.8; color:#59615c; margin:0 0 24px }
.legal-main h1,.legal-main h2 { font-family:'Roboto Condensed',Arial,sans-serif; font-weight:800; letter-spacing:-.025em; margin:0 }
.legal-main h1 { font-size:clamp(42px,5.5vw,76px); line-height:1.18; padding:.1em 0 }
.legal-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:8%; margin-top:64px; padding-top:36px; border-top:1px solid var(--line) }
.legal-main h2 { font-size:clamp(28px,3vw,38px); line-height:1.3 }
.legal-details { margin:0; min-width:0 }
.legal-details > div { padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid var(--line) }
.legal-details > div:last-child { margin-bottom:0 }
.legal-details dt { color:#59615c; font-size:11px; line-height:1.8; text-transform:uppercase; letter-spacing:.12em; margin-bottom:8px }
.legal-details dd { margin:0; font-size:18px; line-height:1.75; overflow-wrap:anywhere }
.legal-details a { display:inline-block; min-height:44px; padding:6px 0; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px }
@media(max-width:620px) {
 .legal-page .legal-main { padding-top:120px; padding-bottom:64px }
 .legal-layout { grid-template-columns:1fr; gap:28px; margin-top:40px; padding-top:28px }
 .legal-details dd { font-size:16px }
}