/* Layout matches the existing Terms page and shares the site's brand variables. */
.legal-content { width: 100%; max-width: 860px; margin: 0 auto; padding: 64px 32px; color: var(--color-on-surface); }
.legal-article { min-width: 0; }
.legal-introduction { padding-bottom: 2rem; border-bottom: 1px solid color-mix(in srgb, var(--color-on-surface) 18%, transparent); }
.legal-kicker { font-size: var(--font-size-xs); color: var(--color-secondary); text-transform: uppercase; letter-spacing: .14em; font-weight: 600; }
.legal-content h1 { font-family: var(--font-family-heading); font-weight: var(--font-weight-heading); line-height: 1.12; font-size: clamp(2.4rem, 4vw, 3.8rem); margin: .8rem 0 1rem; color: var(--color-primary); }
.legal-updated { color: var(--color-on-surface-secondary); font-size: .88rem; margin-bottom: 1.4rem; }
.legal-lead { font-size: 1.05rem; line-height: 1.8; color: var(--color-on-surface); max-width: 72ch; }
.legal-sections { padding-top: .6rem; }
.legal-section { margin-top: 2rem; }
.legal-section h2, .legal-contact h2 { font-family: var(--font-family-heading); color: var(--color-primary); font-size: clamp(1.55rem, 2.8vw, 2rem); font-weight: 600; line-height: 1.24; margin: 0 0 .6rem; }
.legal-section p, .legal-section li, .legal-contact p { color: var(--color-on-surface-secondary); font-size: .965rem; line-height: 1.83; margin: .7rem 0 0; overflow-wrap: anywhere; }
.legal-section ul, .legal-section ol { padding-left: 1.6rem; margin: .7rem 0 0; }
.legal-section a, .legal-contact a, .legal-back a { color: var(--color-secondary); text-decoration: underline; text-underline-offset: .2em; }
.legal-section a:hover, .legal-contact a:hover, .legal-back a:hover { color: var(--color-primary); }
.legal-contact { margin-top: 2.6rem; padding: 1.7rem; border: 1px solid var(--color-border); border-radius: var(--border-radius-card); background: var(--color-surface-tint); }
.legal-contact address { display: flex; flex-direction: column; gap: .6rem; margin-top: 1rem; font-style: normal; line-height: 1.7; }
.legal-contact [data-address] { white-space: pre-line; }
.legal-back { padding-top: 2rem; margin-bottom: 0; }
@media(max-width: 767px) {
 .legal-content { padding: 42px 24px; max-width: 100%; }
 .legal-contact { padding: 1.2rem; }
}
@media(max-width: 479px) {
 .legal-content { padding: 30px 18px; }
 .legal-section { margin-top: 1.65rem; }
 .legal-section h2 { overflow-wrap: anywhere; }
}