/* ================================================
   LEGAL — privacy notice page.
   Hero reuses .svc-hero/.svc-wrap/.svc-breadcrumb/.svc-eyebrow
   from services.css (loaded alongside this file), same pattern
   as contact.html. Body copy is scoped under .legal-wrap.
   ================================================ */

.legal-wrap { max-width: 760px; margin: 0 auto; padding: 0 32px 80px; }
.legal-wrap h2 { font: var(--text-heading-md); color: var(--color-text); margin: 40px 0 12px; }
.legal-wrap h2:first-child { margin-top: 0; }
.legal-wrap p { font: var(--text-body-md); color: var(--color-text-secondary); line-height: 1.7; margin-bottom: 14px; }
.legal-wrap ul { margin: 0 0 14px 0; display: flex; flex-direction: column; gap: 8px; }
.legal-wrap li { font: var(--text-body-md); color: var(--color-text-secondary); line-height: 1.6; padding-left: 20px; position: relative; }
.legal-wrap li::before { content: "—"; position: absolute; left: 0; color: var(--color-text-tertiary); }
.legal-wrap a { color: var(--color-primary); text-decoration: underline; }
.legal-wrap strong { color: var(--color-text); }
.legal-updated { font: var(--text-caption); color: var(--color-text-tertiary); margin-top: 32px; }