/* D226: open, readable legal pages. Hero typography and spacing come from home.css. */
.legal-date{margin-top:22px;color:var(--muted);font-size:15px}
.legal-content{width:min(72ch,calc(100% - 48px));margin:0 auto;padding:48px 0 var(--sy);font-size:17px;line-height:1.7;color:var(--text)}
.legal-content a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-content a:hover{color:var(--orange)}
.legal-toc{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.legal-toc h2{font-size:26px;line-height:1.2;letter-spacing:-.02em;text-wrap:pretty}
.legal-toc ul{list-style:none;padding:0;margin:18px 0 0;columns:2;column-gap:32px}
.legal-toc li{break-inside:avoid;margin:0 0 8px}
.legal-toc a{display:inline-block;font-size:15px;line-height:1.5;padding:3px 0}
.legal-section{margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}
.legal-toc + .legal-section{margin-top:0;padding-top:0;border-top:0}
.legal-section h2{margin:0 0 18px;font-size:clamp(27px,2.4vw,34px);line-height:1.2;letter-spacing:-.025em;text-wrap:pretty;scroll-margin-top:100px}
.legal-section p + p{margin-top:16px}
.legal-section ul{margin:16px 0;padding-left:24px}
.legal-section li{padding-left:3px;margin:6px 0}
.legal-section ul ul{margin:8px 0}
.legal-section address{margin-top:20px;font-style:normal}
@media(max-width:720px){
  .legal-content{width:calc(100% - 36px);padding-top:32px}
  .legal-toc ul{columns:1}
  .legal-toc{margin-bottom:32px;padding-bottom:28px}
  .legal-section{margin-top:28px;padding-top:28px}
}