/**--- Core ---*/
/* Overrides main.min.css - h1-h6 color, font-family and font-weight */
.category-heading__title {
    font-weight: 700;
    font-family: Archivo, system-ui, sans-serif;
    line-height: 1.05;
    letter-spacing: -0.022em;
    color: var(--color-on-surface);
}

.category-heading__description {
    font-weight: 400;
    font-family: Archivo, system-ui, sans-serif;
    line-height: 1.5;
    color: var(--color-on-surface-variant);
    text-wrap: pretty;
}

/**--- Mobile ---*/
.category-heading {
    padding: 1.25rem 0.875rem 0.875rem;
}

.category-heading__title {
    margin: 0;
    font-size: 1.875rem;
}

.category-heading__description {
    margin-top: 0.625rem;
    font-size: 0.90625rem;
}

/* Paragraphs in the description HTML keep their spacing between each other, but not above the first or below the last. */
.category-heading__description > :first-child {
    margin-top: 0;
}

.category-heading__description > :last-child {
    margin-bottom: 0;
}

/**--- Desktop ---*/
@media (min-width: 768px) {
    .category-heading {
        padding: 0;
        margin-bottom: 1.5rem;
    }

    .category-heading__title {
        font-size: 2.375rem;
    }

    .category-heading__description {
        max-width: 42.5rem;
        margin-top: 0.75rem;
        font-size: 1rem;
    }
}