.ck-public .ck-category-list {
    padding-top: 36px
}

.ck-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ck-category-card {
    display: block;
    color: var(--ck-body);
    text-decoration: none;
    border-radius: 18px;
    overflow: hidden;
}

    .ck-category-card .ck-card-image {
        aspect-ratio: 16 / 11;
        overflow: hidden;
    }

        .ck-category-card .ck-card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .ck-category-card h2 {
        font-size: 1.4rem;
        margin: 0 0 1rem;
    }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .ck-category-card {
        transition: transform .2s ease, box-shadow .2s ease;
    }

        .ck-category-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px color-mix(in srgb, var(--ck-primary) 12%, transparent);
        }
}

@media (max-width: 900px) {
    .ck-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .ck-category-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}