/* Boolean hidden state must win over component display rules. */
[hidden]{display:none!important}
/* The shared site shell stays studio purple/turquoise. Project artwork palettes remain local. */
:root{--studio-ink:#1b1d4f;--studio-purple:#343297;--studio-teal:#1ea891;--studio-line:#dedfea;--studio-radius:24px}
button,input,textarea,select{font-family:inherit}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--studio-teal);outline-offset:4px}
.legal-content{max-width:850px;box-sizing:border-box;margin:140px auto 80px;padding:0 24px}
.legal-content>a:first-child{display:inline-flex;border-radius:99px;padding:11px 20px;background:#e7e9f4;color:var(--studio-purple);font-size:16px;text-decoration:none}
.legal-content h1{font-size:clamp(38px,5vw,64px);line-height:1.15;margin:26px 0 32px;color:var(--studio-ink)}
.legal-content h2{font-size:28px;line-height:1.3;margin:0 0 12px;color:var(--studio-ink)}
.legal-content section{border:1px solid var(--studio-line);border-radius:var(--studio-radius);padding:28px;background:white;margin:20px 0}
.legal-content p{margin:0;font-size:20px;line-height:1.8}
.legal-page .legal-links a{font-family:inherit}
@media(max-width:600px){.legal-content{margin:110px 0 56px;padding-inline:24px;max-width:none}.legal-content h1{font-size:36px;margin:24px 0}.legal-content h2{font-size:25px}.legal-content section{padding:22px}.legal-content p{font-size:19px}}