/* ==========================================================================
   Category Archive
   ========================================================================== */

.category-banner {
    background: var(--color-bg-alt);
    padding: var(--space-12) 0;
    text-align: center;
    margin-bottom: var(--space-10);
}

.category-banner__title {
    font-size: var(--text-4xl);
    margin-bottom: var(--space-3);
}

.category-banner__description {
    font-size: var(--text-lg);
    color: var(--color-text-light);
    max-width: 600px;
    margin: 0 auto var(--space-4);
    line-height: 1.7;
}

.category-banner__count {
    font-size: var(--text-sm);
    color: var(--color-text-lighter);
}