.legal-page { background: var(--color-surface); color: var(--color-on-surface); }
.legal-hero { padding: clamp(3.5rem, 8vw, 6rem) 0 2.5rem; background: var(--color-surface-elevated); border-bottom: 1px solid var(--color-border); }
.legal-container { width: min(100% - 2rem, 72rem); margin: 0 auto; }
.legal-eyebrow { color: var(--color-primary); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .82rem; }
.legal-title { margin-top: .75rem; font-size: var(--font-size-4xl); line-height: 1.12; font-family: var(--font-family-heading); overflow-wrap: anywhere; }
.legal-lead { margin-top: 1rem; max-width: 52rem; color: var(--color-on-surface-secondary); font-size: var(--font-size-lg); }
.legal-content { padding: 3rem 0 5rem; }
.legal-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
.legal-section { padding: clamp(1.25rem, 3vw, 2rem); background: #fff; border: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent); border-radius: var(--border-radius-md); box-shadow: var(--shadow-level-1); }
.legal-section h2 { margin-bottom: .85rem; font-size: var(--font-size-2xl); line-height: 1.25; font-family: var(--font-family-heading); color: #213619; }
.legal-section h3 { margin: 1.25rem 0 .55rem; font-size: var(--font-size-xl); color: #2b4720; }
.legal-section p, .legal-section li { color: #312d28; line-height: 1.75; }
.legal-section p + p { margin-top: .8rem; }
.legal-section ul, .legal-section ol { margin: .75rem 0 0; padding-left: 1.35rem; }
.legal-section li + li { margin-top: .45rem; }
.legal-contact { padding: 1rem; background: var(--color-surface-elevated); border-radius: var(--border-radius-sm); overflow-wrap: anywhere; }
.legal-actions { margin-top: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; }
@media (max-width: 767px) {
  .legal-container { width: min(100% - 2rem, 72rem); }
  .legal-hero { padding-top: 3rem; }
  .legal-content { padding-top: 2rem; }
  .legal-section { padding: 1.15rem; }
  .legal-actions { flex-direction: column; }
  .legal-actions a, .legal-actions .btn { width: 100%; }
}