.legal-page-container{min-height:100vh}
.legal-main{width:min(100% - 2.5rem,920px);margin:0 auto;padding:clamp(48px,7vw,96px) 0 clamp(72px,9vw,128px);color:var(--color-on-surface);font-family:var(--font-family-body);line-height:1.75}
.legal-head{padding-bottom:clamp(28px,5vw,54px);border-bottom:1px solid var(--color-border);margin-bottom:clamp(35px,5vw,58px)}
.legal-kicker{color:var(--color-primary);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 1.2rem}
.legal-head h1{font-family:var(--font-family-heading);font-weight:500;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1.2rem;overflow-wrap:anywhere}
.legal-lead{font-family:var(--font-family-heading);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.5;max-width:45rem;margin:0 0 1rem}
.legal-updated{font-size:.95rem;color:var(--color-on-surface-secondary);margin:.8rem 0 0}
.legal-section{margin:0 0 clamp(30px,4.5vw,52px);max-width:54rem;scroll-margin-top:110px}
.legal-section h2,.legal-contact-highlight h2{font-family:var(--font-family-heading);font-weight:500;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.28;margin:0 0 1.1rem;overflow-wrap:break-word}
.legal-section p{font-size:clamp(1rem,1.15vw,1.09rem);margin:0 0 1rem;color:var(--color-on-surface-secondary);overflow-wrap:anywhere}
.legal-section p strong{color:var(--color-on-surface)}
.legal-identity{padding:clamp(22px,4vw,36px);background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--border-radius-md);max-width:none}
.legal-identity p{margin:.4rem 0;overflow-wrap:anywhere}
.legal-actions{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;border-top:1px solid var(--color-border);padding-top:2rem;font-weight:600;font-size:.94rem}
.legal-actions a{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}
.legal-contact-highlight{padding:clamp(22px,4vw,38px);background:var(--color-surface-tint);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:clamp(36px,5vw,60px)}
.legal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2rem}
.legal-contact-grid h3{font-size:.84rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-primary);margin:0 0 .5rem}
.legal-contact-grid p{font-size:1.08rem;margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.legal-main{width:calc(100% - 32px);padding:42px 0 72px}.legal-contact-grid{grid-template-columns:1fr}.legal-head h1{font-size:clamp(2rem,9vw,3rem)}}