/* Category geometry from the supplied DramaBox browse archive (1200px shell). */
.list-page .list-category-filters {
    padding: 0;
    margin-bottom: 33.33px;
    background: #32323912;
    border-radius: 3.33px;
}
.list-category-filters .filter-chip-group {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 8.33px;
    align-items: center;
}
.list-category-filters .filter-chip {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 33.33px;
    padding: 5px 8.33px;
    border: 0;
    border-radius: 3.33px;
    background: transparent;
    white-space: break-spaces;
    overflow-wrap: anywhere;
    transition: color .3s, background-color .3s;
}
.list-category-filters .filter-chip-text {
    color: rgba(0, 0, 0, .9);
    font: 400 13.33px/20px Arial, sans-serif;
}
.list-category-filters .filter-chip--active { background: #32323912; }
.list-category-filters .filter-chip--active .filter-chip-text {
    color: #ff375f;
    font-weight: 500;
}
.list-category-filters .filter-chip:hover .filter-chip-text { color: #ff375f; }
.list-category-filters .filter-chip:focus-visible {
    outline: 2px solid #ff375f;
    outline-offset: -2px;
}
@media (max-width: 767px) {
    .list-category-filters .filter-chip-group { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .list-category-filters .filter-chip { min-height: 44px; }
    .list-page .list-category-filters { margin-bottom: 22px; }
}