/* Legal reading and error layouts share the site's existing visual system. */
.legal-page{min-height:100svh;padding:154px var(--pad) 68px}
.legal-container{width:100%;max-width:960px;margin-inline:auto;padding:clamp(24px,4vw,52px);background:#030609bf;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}
.legal-eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.18em;line-height:1.8;margin-bottom:24px}
.legal-container h1{max-width:100%;font-size:clamp(34px,4.4vw,64px);line-height:1.1;letter-spacing:-.045em;margin-bottom:24px}
.legal-intro{font-size:16px;color:#b0bbc7;line-height:1.85;margin-bottom:22px}
.legal-updated{font-size:12px;color:var(--muted);margin-bottom:40px}
.legal-section{margin-bottom:32px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.legal-section h2{font-size:clamp(21px,2.2vw,27px);line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}
.legal-section p,.legal-section li{font-size:15px;line-height:1.85;color:#b0bbc7}
.legal-section p+p{margin-top:16px}
.legal-section ul{padding-left:22px;margin-top:14px}
.legal-section li{margin-bottom:10px}
.legal-section li::marker{color:var(--cyan)}
.legal-page a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.legal-page a:hover{color:#b2efff}
.legal-page .link-arrow{text-decoration:none}
.legal-section code{font-size:.9em;overflow-wrap:anywhere}
.legal-highlight{margin-top:22px;padding:20px 24px;border-left:2px solid var(--cyan);border-radius:4px;background:#07101bb3}
.legal-highlight p+p{margin-top:8px}
.error-page{min-height:100svh;display:flex;align-items:center;padding:160px var(--pad) 100px}
.error-copy{width:calc(60vw - 2 * var(--pad));max-width:760px;min-width:0;text-align:center}
.error-copy h1{font-size:clamp(100px,15vw,190px);line-height:1;color:var(--cyan);letter-spacing:-.06em;margin-bottom:28px}
.error-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.15}
.error-copy p{max-width:420px;margin:24px auto 32px;color:#b0bbc7;font-size:16px;line-height:1.8}
.error-copy .button{margin-inline:auto}
@media(max-width:1100px){.error-copy{width:100%;margin-inline:auto;max-width:760px}}
@media(max-width:760px){
 .legal-page{padding:112px var(--pad) 46px}
 .legal-container{padding:26px 20px}
 .legal-eyebrow{font-size:9px;letter-spacing:.12em}
 .legal-container h1{font-size:clamp(29px,7.5vw,42px)}
 .legal-intro,.legal-section p,.legal-section li{font-size:14px}
 .legal-section{margin-bottom:26px;padding-bottom:24px}
 .legal-updated{margin-bottom:30px}
 .legal-highlight{padding:18px}
 .error-page{padding-top:132px;padding-bottom:76px}
 .error-copy p{font-size:15px}
}