.legal-main { padding: clamp(2rem,5vw,4.75rem) clamp(1rem,3vw,2rem) clamp(3.5rem,6vw,6rem); width:100%; min-height:58vh; background:var(--color-surface); color:var(--color-on-surface); }
.legal-inner { max-width:var(--content-max-width); margin:0 auto; }
.legal-eyebrow { text-transform:uppercase; letter-spacing:.14em; color:var(--color-primary); font-size:.85rem; font-weight:700; }
.legal-title { margin:.65rem 0 1.25rem; }
.legal-intro { max-width:53rem; font-size:1.06rem; line-height:1.7; margin-bottom:2rem; color:var(--color-on-surface-secondary); }
.legal-main .site-legal-company { padding:1.65rem; background:var(--color-surface-tint); color:var(--color-on-surface); border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent); border-radius:var(--border-radius-lg); max-width:66rem; }
.legal-main .site-legal-details strong { color:var(--color-primary); }
.legal-content { max-width:56rem; padding-top:2.5rem; }
.legal-content section { margin-bottom:2.2rem; }
.legal-content h2 { font-family:var(--font-family-heading); color:var(--color-on-surface); font-size:var(--font-size-2xl); line-height:1.3; margin-bottom:.65rem; }
.legal-content p { margin:0 0 1rem; line-height:1.8; overflow-wrap:anywhere; }
.legal-back { display:inline-flex; margin-top:1.5rem; color:var(--color-primary); font-weight:650; text-decoration:none; }
.legal-main a, .legal-main a:visited { color:var(--color-primary); text-decoration:none; }
.legal-main a:hover, .legal-main a:active { text-decoration:underline; }
.legal-main a:focus, .legal-main a:focus-visible { outline:3px solid var(--color-accent); outline-offset:3px; }
@media(max-width:767px) { .legal-main { padding:2rem 1rem 3rem; } .legal-main .site-legal-company { padding:1.1rem; } .legal-title { overflow-wrap:anywhere; } .legal-content { padding-top:2rem; } }