.legal-site-header { background: var(--color-primary); color: var(--color-on-primary); position: relative; top: 0; z-index: 20; box-shadow: var(--shadow-level-1); }
.legal-nav { max-width: var(--content-max-width); margin: 0 auto; padding: 1rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.legal-brand { font-family: var(--font-family-heading); font-weight: 700; letter-spacing: .04em; color: #fff; }
.legal-nav-links { display: flex; gap: 1rem; flex-wrap: wrap; }
.legal-nav-links a { color: #fff; }
.legal-main { background: var(--color-surface); color: var(--color-on-surface); min-height: 70vh; }
.legal-hero { max-width: var(--content-max-width); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 1.5rem 2rem; }
.legal-kicker { color: var(--color-secondary); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.legal-hero h1 { margin: .75rem 0 1rem; font-family: var(--font-family-heading); font-size: clamp(2.2rem, 6vw, 4rem); line-height: 1.08; color: var(--color-primary); }
.legal-back { margin-top: 1.25rem; }
.legal-content { max-width: 68rem; margin: 0 auto; padding: 1rem 1.5rem 5rem; }
.legal-section { background: #fff; border: 1px solid rgba(77,71,66,.18); border-radius: var(--border-radius-card); padding: clamp(1.25rem, 3vw, 2rem); margin: 0 0 1.25rem; box-shadow: var(--shadow-level-1); }
.legal-section h2 { color: var(--color-primary); font-family: var(--font-family-heading); font-size: clamp(1.35rem, 3vw, 2rem); margin-bottom: .85rem; }
.legal-section p, .legal-section li { color: #252525; line-height: 1.72; }
.legal-section p + p { margin-top: .9rem; }
.legal-section ul { padding-left: 1.25rem; margin-top: .8rem; }
.legal-footer { background: var(--color-primary); color: #fff; }
.legal-footer-inner { max-width: var(--content-max-width); margin: 0 auto; padding: 1.5rem; display: flex; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.legal-footer nav { display: flex; gap: 1rem; flex-wrap: wrap; }
.legal-footer a { color: #fff; text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 768px) { .legal-nav { align-items: flex-start; flex-direction: column; } .legal-nav-links { width: 100%; flex-direction: column; } .legal-hero, .legal-content { padding-left: 1rem; padding-right: 1rem; } .legal-footer-inner { flex-direction: column; } }