@layer components {

    /* ── Africa Trust Center subsection ─────────────────────────────
       Page-composition wrappers used ONLY by AD's "African data
       protection regimes" subsection on the Trust Center page. The
       host-agnostic primitives this composes (.c-trust-frameworks,
       .c-requirement-grid, .c-jurisdiction-grid, .c-trust-list,
       etc.) live in OnPoint.Razor's
       marketing/app-marketing-trust.css.

       Naming these .c-trust-africa__* is intentional — they describe
       a specific page composition, not a reusable primitive. If
       another host needed an analogous "their-continent" subsection,
       it would mint its own .c-trust-<region>__* wrappers using the
       same primitives below. */
    .c-trust-africa__sub {
        font-size: var(--fs-body);
        color: var(--color-ink-soft);
        margin: var(--space-2) 0 var(--space-6);
        max-width: 64ch;
    }

    .c-trust-africa__jurisdictions {
        padding-top: var(--space-7);
        border-top: 1px solid var(--color-line);
    }

    .c-trust-africa__note {
        font-size: var(--fs-ui-sm);
        color: var(--color-ink-mute);
        max-width: 60ch;
        margin: var(--space-6) 0 0;
        padding-top: var(--space-4);
        border-top: 1px solid var(--color-line);
        font-style: italic;
    }
}