/* Legal pages and shared footer legal links. Does not override existing component CSS. */
.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 22px;min-width:0}
.footer-links a{color:var(--muted)}
.footer-links a:hover{color:#fff}
.legal-page{padding:70px 0 90px;min-width:0}
.legal-page article{max-width:46rem;min-width:0}
.legal-page h1{font-size:clamp(36px,4.5vw,58px);margin:18px 0 16px;overflow-wrap:break-word}
.legal-page .legal-updated{color:var(--muted);font:15px var(--mono);letter-spacing:.04em;margin:0 0 36px;line-height:1.5}
.legal-page h2{font-size:clamp(22px,2.4vw,30px);margin:40px 0 14px;line-height:1.3;letter-spacing:-.03em;overflow-wrap:break-word}
.legal-page p{font-size:19.5px;line-height:1.65;margin:0 0 16px;overflow-wrap:anywhere;word-break:break-word}
.legal-page a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal-page a:hover{color:#baf9fc}
@media(max-width:1000px){
  footer .footer-links{justify-content:flex-start}
}
@media(max-width:650px){
  .legal-page{padding:40px 0 64px}
  .legal-page p{font-size:18px}
  footer .footer-links{justify-content:flex-start}
}