/* legal pages: same fonts and palette as the landing page, set for long reading */
.legalpage{padding-bottom:0}
.legalmain{max-width:760px;margin:0 auto;padding:clamp(24px,5vw,56px) var(--pad-x) clamp(48px,7vw,88px)}
.legalmain .container{max-width:none;padding:0}
.legalmain .back{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-small);
  color:var(--ink-2);text-decoration:none}
@media (hover:hover) and (pointer:fine){.legalmain .back:hover{color:var(--ink);text-decoration:underline}}
.legalmain h1{font-size:clamp(2.25rem,5vw,3.25rem);margin:18px 0 28px;max-width:none}
.legalmain h2{font-size:clamp(1.25rem,2vw,1.5rem);margin:36px 0 10px;max-width:none;
  font-variation-settings:'opsz' 60}
.legalmain p{color:var(--ink-2);max-width:68ch;margin:0 0 14px;hyphens:auto}
.legalmain a{color:var(--acc-text);word-break:break-word}