.miiCategory{
    padding: clamp(1rem, 2vw, 2rem);
    border-radius: 20px;
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mii-card-min-width)), var(--mii-card-max-width)));
    align-items: stretch;
    justify-content: center;
    justify-items: stretch;
    gap: clamp(0.75rem, 1.2vw, 1rem);
    border-style:solid;
    border-color:#202020;
}

.miiCategory > h1 > a,
.miiCategory > h3 > a {
    color:white;
    text-decoration:none;
    transition:1s;
}

.miiCategory > h1 > a:hover,
.miiCategory > h3 > a:hover {
    color:white;
    text-decoration:underline;
    transition:750ms;
}

.miiCategory h1,
.miiCategory h3{
    grid-column: 1 / -1;
    margin: 0 0 1rem 0;
}

.miiCategory .mii-card {
    width: 100%;
    max-width: var(--mii-card-max-width);
    min-width: 0;
    margin: 0;
}

.miiCategory .mii-card[hidden] {
    display: none !important;
}

.miiCategory .mii-card .mii-card-content {
    padding: 0.9rem;
}

/* Responsive breakpoints */
@media (max-width: 600px) {
    .miiCategory {
        padding: 1rem;
    }

    .miiCategory .mii-card .mii-card-content {
        padding: 0.8rem;
    }
}

@media (max-width: 400px) {
    .miiCategory {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}