.legal-page{background:var(--paper);color:var(--ink)}
.legal-page .legal-main{padding-block:calc(var(--header) + clamp(44px,5vw,72px)) clamp(64px,7vw,100px);min-height:75svh}
.legal-page .legal-document{width:100%;max-width:900px;margin-inline:auto;overflow-wrap:anywhere}
.legal-page .legal-intro{margin-bottom:36px}
.legal-page h1{font-size:clamp(32px,3.6vw,48px);line-height:1.16;letter-spacing:-.035em;hyphens:auto}
.legal-page .legal-subtitle{margin-top:16px;font-size:14px;line-height:1.6;color:var(--muted)}
.legal-page .legal-basis{margin-bottom:28px}
.legal-page .legal-section+.legal-section{margin-top:32px}
.legal-page .legal-section h2{font-size:clamp(20px,1.75vw,24px);font-weight:500;line-height:1.35;letter-spacing:-.015em;color:var(--petrol);margin-bottom:12px;hyphens:auto}
.legal-page .legal-document p{font-size:17px;line-height:1.8}
.legal-page .legal-document p+p{margin-top:16px}
.legal-page .legal-document .legal-subtitle{font-size:14px;line-height:1.6}
.legal-page .legal-document a{color:var(--petrol);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:800px){
 .legal-page .legal-main{padding-block:calc(var(--header) + 44px) 64px}
 .legal-page .legal-document p{font-size:16px;line-height:1.75}
 .legal-page .legal-section+.legal-section{margin-top:28px}
}
@media(max-width:480px){
 .legal-page .legal-main{padding-block:calc(var(--header) + 36px) 52px}
 .legal-page .legal-intro{margin-bottom:30px}
 .legal-page .legal-section h2{font-size:20px}
}