:root {
    --navy: #1B2A49;
    --navy-deep: #131F37;
    --green: #2ECC71;
    --green-2: #28B463;
    --orange: #F39C12;
    --text: #111827;
    --text-2: #4B5563;
    --text-3: #6B7280;
    --line: #E5E7EB;
    --line-2: #D1D5DB;
    --bg: #FFFFFF;
    --bg-soft: #F3F6FD;
    --bg-mute: #F8FAFC;
    --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
    --shadow-md: 0 8px 24px rgba(15,23,42,.08);
    --shadow-lg: 0 24px 56px rgba(15,23,42,.14), 0 4px 12px rgba(15,23,42,.06);
    --radius: 10px;
    --radius-lg: 14px;
    --max-w: 1200px;
    --max-text: 640px;
    --space-section: clamp(2.75rem, 5vw, 4.75rem);
}

/* WHO — dense 3-col cards */
.who-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 760px) {
    .who-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.who-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1.25rem 1.25rem 1.375rem;
}

    .who-card h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 1rem;
        margin: 0 0 .375rem;
        color: var(--navy);
    }

    .who-card p {
        font-size: .875rem;
        color: var(--text-2);
        margin: 0;
        line-height: 1.55;
    }

.who-not {
    margin: 1.25rem 0 0;
    padding: 2rem 1.25rem;
    background: #fff;
    border: 1px dashed var(--text-3);
    border-radius: var(--radius);
    font-size: .875rem;
    color: var(--text-2);
    font-style: italic;
    line-height: 1.55;
}