/* ── Typography Utilities ─────────────────────────────── */

.xfact-section-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--xfact-semantic-primary);
    margin: 0 0 0.25rem;
}

.xfact-section-heading {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    color: var(--xfact-semantic-text-primary);
    line-height: 1.1;
}

@media (width >= 768px) {
    .xfact-section-heading {
        font-size: 1.875rem;
    }
}

@media (width >= 1024px) {
    .xfact-section-heading {
        font-size: 2.25rem;
    }
}

.xfact-section-subtitle {
    margin-top: 1rem;
    font-size: 1.125rem;
    color: var(--xfact-semantic-text-secondary);
    max-width: 48rem;
}