/* Readable legal pages use natural document flow at every screen size. */
.legal-page{background:#fff;color:#191919}
.legal-hero{padding:48px max(6vw,calc((100vw - 1180px)/2));background:#efefef;border-bottom:6px solid #c4000b}
.legal-hero h1{font-size:clamp(30px,4vw,64px);line-height:1.12;letter-spacing:-.025em;margin:16px 0 8px;overflow-wrap:anywhere}
.legal-content{max-width:1040px;margin:0 auto;padding:clamp(32px,5vw,72px) clamp(22px,5vw,70px) 80px;font-size:clamp(16px,1.15vw,18px);line-height:1.75;overflow-wrap:break-word}
.legal-content section{scroll-margin-top:130px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #e5e5e5}
.legal-content h2{font-size:clamp(22px,2vw,30px);line-height:1.3;color:#b8000a;text-transform:none;margin:0 0 20px}
.legal-content h3{font-size:1.1em;line-height:1.4;margin:26px 0 10px}
.legal-content p{margin:0 0 18px}
.legal-content a{color:#a80009;text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
.legal-content a:hover{color:#191919}
.legal-content a:focus-visible{outline:2px solid #c4000b;outline-offset:4px}
.legal-content code{font-size:.9em;overflow-wrap:anywhere;white-space:normal}
.legal-lead{font-size:1.12em}
.legal-toc{background:#f6f6f6;border-left:4px solid #c4000b;padding:18px 24px;margin:28px 0 48px}
.legal-toc ol{padding-left:24px;margin:0}
.legal-toc li{padding:5px 0}.legal-toc a{display:inline}
.legal-page .detail-legal{flex-wrap:wrap}
@media(max-width:600px){.legal-hero{padding:28px 22px}.legal-content section{scroll-margin-top:90px}.legal-toc{padding:14px 16px}.legal-content{padding-bottom:36px}}