/* Only loaded by the two legal pages; stage-09 marketing layouts remain identical. */
.legal-page { max-width: 100%; }
.legal-page h1 { font-size: clamp(2rem, 5vw, 4rem); overflow-wrap: anywhere; }
.legal-copy, .legal-draft, .legal-toc { max-width: 76ch; }
.legal-copy { line-height: 1.85; overflow-wrap: anywhere; }
.legal-copy h2 { font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.4; margin: 2.6rem 0 1rem; scroll-margin-top: 8rem; }
.legal-copy p { margin: 1rem 0; }
.legal-copy ul { padding-left: 1.4rem; }
.legal-open { color: #f1c976; }
.legal-draft { margin: 2rem 0; padding: 1.25rem; border-left: 2px solid #e8ae34; background: rgba(232,174,52,.06); line-height: 1.65; }
.legal-draft p { margin: .7rem 0 0; }
.legal-draft [lang=en] { font-size: .9rem; }
.legal-toc { border-block: 1px solid rgba(255,255,255,.16); padding: 1rem 0; margin: 2rem 0; }
.legal-toc > p { font-weight: 650; }
.legal-toc ol { list-style: none; padding: 0; margin: .5rem 0 0; }
.legal-toc a { min-height: 44px; padding: .6rem 0; display: block; text-decoration: underline; text-underline-offset: .2em; line-height: 1.5; }
.legal-page a:focus-visible { outline: 2px solid #e8ae34; outline-offset: 4px; }
@media(max-width: 600px) { .legal-page { padding-top: 6.5rem; } .legal-copy h2 { scroll-margin-top: 7rem; } }
