/* CHG-WEB-004 / PHASE-3 / STEP-07 — Privacy (/privacy/).
   Page-specific composition glue only: hero-section/hero-grid/hero-copy/
   marketing-section/section-split/mechanism-step-index are all reused,
   unedited, from ../styles.css.

   Privacy deliberately carries no product-style Hero illustration and
   no page-scoped Hero-grid geometry override (unlike every prior
   PHASE-3 product/mechanism page) — the Hero here is a single .hero-copy
   column only, per instruction #10 ("Privacy should visually feel
   quieter than product/economics pages"). ../styles.css's shared
   .hero-grid already renders correctly with a single flex child, so no
   override is needed here.

   Only two small, restrained additions: a plain definition list for the
   presentation-telemetry allowlist (Chapter 2) and a compact exclusion
   list (Chapter 3), both reusing the existing boundaries-list visual
   language already established on prior pages (.sales-boundaries/
   .corp-boundaries/.partners-nonreward/.partners-economics-boundaries/
   .ghiw-boundaries) rather than any new decorative component. */

.privacy-allowlist {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.privacy-allowlist li {
    color: var(--text-secondary);
    font-size: var(--text-small);
    line-height: 1.5;
}

.privacy-allowlist code {
    color: var(--text-primary);
    font-weight: 600;
}

.privacy-exclusions {
    list-style: none;
    margin: var(--space-4) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.privacy-exclusions li {
    color: var(--text-secondary);
    font-size: var(--text-small);
    line-height: 1.5;
}

.privacy-scope-note {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--hairline);
    color: var(--text-muted);
    font-size: var(--text-meta);
    line-height: 1.5;
}