/**--- Core ---*/

/**--- Mobile ---*/
/* Normal flow - each partial owns its own padding, and the subcategory list runs full-bleed. */

/**--- Desktop ---*/
@media (min-width: 768px) {
    .category-index {
        display: grid;
        grid-template-columns: 15.625rem minmax(0, 1fr);
        gap: 1.625rem;
        align-items: start;
        max-width: 87.5rem;
        margin: 1.625rem max(1.875rem, calc((100% - 87.5rem) / 2)) 2.5rem;
    }

    /* Always the second column, so the sidebar column is reserved whether or not its content renders. */
    .category-index__content {
        grid-column: 2;
    }
}