/* =============================================================================
   SUVA — Legal pages (Privacy Policy, Terms, Medical Disclaimer).
   ========================================================================== */
.breadcrumb { font-size: calc(.875rem + 1px); color: var(--muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--teal-ink); }
.breadcrumb [aria-current="page"] { color: var(--pink-ink); font-weight: 600; }
.breadcrumb svg { width: .85rem; height: .85rem; color: #cbd5e1; }

.legal-hero { background: var(--bg-alt); }
.legal-hero .container { padding-block: clamp(2rem, 5vw, 3rem); }
.legal-hero h1 { margin: 1rem 0 .75rem; }
.legal-updated {
    display: inline-flex; align-items: center; gap: .45rem; font-size: calc(.82rem + 1px); font-weight: 600;
    color: var(--teal-ink); background: var(--soft-teal); padding: .4rem .85rem; border-radius: var(--r-pill);
}
.legal-updated svg { width: 1rem; height: 1rem; }

/* Document body ------------------------------------------------------------- */
.legal { max-width: 820px; margin-inline: auto; }
.legal-intro { font-size: calc(1.05rem + 1px); color: var(--text); }
.legal h2 {
    font-size: calc(1.35rem + 1px); margin-top: 2.5rem; margin-bottom: .85rem;
    padding-top: 1.5rem; border-top: 1px solid var(--border);
}
.legal h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 2rem; }
.legal h3 { font-size: calc(1.08rem + 1px); margin-top: 1.4rem; margin-bottom: .5rem; color: var(--ink); }
.legal p { color: var(--text); margin-bottom: 1rem; max-width: none; }
.legal ul, .legal ol { margin: 0 0 1.15rem 1.35rem; display: grid; gap: .5rem; }
.legal ul { list-style: disc; } .legal ol { list-style: decimal; }
.legal li { color: var(--text); padding-left: .2rem; }
.legal li::marker { color: var(--teal); }
.legal a { color: var(--teal-ink); text-decoration: underline; text-underline-offset: 2px; }
.legal a:hover { color: var(--teal-deep); }
.legal strong { color: var(--ink); font-weight: 600; }

/* Placeholder highlight — flags values the clinic must fill before launch */
.legal-ph { background: #FFF6DA; color: #7a5b00; padding: 0 .25rem; border-radius: 3px; font-weight: 600; font-size: calc(.95em + 1px); }

/* Contact block */
.legal-contact { background: var(--soft-teal); border: 1px solid #b8e6e1; border-radius: var(--r-card);
    padding: 1.25rem 1.5rem; margin-top: 1rem; }
.legal-contact p { margin-bottom: .35rem; }

/* Review notice callout */
.legal-review { display: flex; gap: .75rem; align-items: flex-start; margin-top: 2.5rem;
    padding: 1.1rem 1.35rem; background: var(--light-pink); border: 1px solid #f6d4e6; border-radius: 12px;
    font-size: calc(.9rem + 1px); color: var(--ink); }
.legal-review svg { width: 1.25rem; height: 1.25rem; flex: none; color: var(--pink-ink); margin-top: .1rem; }