.legal-main { background: var(--color-surface); }
.legal-hero { padding: calc(var(--spacing-4xl) + 5rem) var(--spacing-xl) var(--spacing-2xl); background: var(--color-surface-tint); }
.legal-section { padding: var(--spacing-3xl) var(--spacing-xl) var(--spacing-4xl); }
.legal-inner { width: 100%; max-width: 70rem; margin-inline: auto; }
.legal-title { margin: .35rem 0 .6rem; }
.legal-updated { color: var(--color-on-surface-secondary); margin-bottom: var(--spacing-xl); }
.legal-page-business-details { color: var(--color-on-surface); }
.legal-content { max-width: 62rem; }
.legal-content h2 { margin: 2rem 0 .65rem; font-family: var(--font-family-heading); font-size: var(--font-size-2xl); line-height: 1.25; }
.legal-content p { margin: 0; color: var(--color-on-surface-secondary); line-height: 1.75; }
.legal-main a, .legal-main a:visited { color: var(--color-primary); text-decoration: none; border-bottom: 1px solid color-mix(in srgb,var(--color-primary) 45%,transparent); }
.legal-main a:hover, .legal-main a:active { color: var(--color-secondary); border-bottom-color: currentColor; }
.legal-main a:focus, .legal-main a:focus-visible { color: var(--color-primary); outline: 3px solid var(--color-accent); outline-offset: 3px; }
@media (max-width: 767px) { .legal-hero { padding-top: calc(var(--spacing-3xl) + 4rem); padding-inline: 1rem; } .legal-section { padding: var(--spacing-2xl) 1rem var(--spacing-3xl); } .legal-content h2 { font-size: var(--font-size-xl); overflow-wrap: anywhere; } }