/* legal.css — readable legal documents within the shared site shell.
   Load after tokens.css, shell.css and pages.css. No motion dependency. */
.legal-hero h1{max-width:100%;overflow-wrap:break-word}
.legal-section{padding-top:clamp(36px,6vw,72px)}
.legal-copy{max-width:820px;margin:0 auto;color:var(--ink);font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
.legal-copy p{margin:0 0 1.25em}
.legal-copy p:empty{display:none}
.legal-copy strong{font-weight:600}
.legal-copy a{color:var(--tan);text-decoration:underline;text-underline-offset:.2em}
.legal-copy a:hover{color:var(--ink)}
.legal-copy a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.legal-copy ul,.legal-copy ol{padding-left:1.5em;margin-bottom:1.25em}
@media(max-width:600px){.legal-copy{font-size:.95rem;line-height:1.75}}