/* UnLost — category_detail.html page styles */

.category-intro {
    padding: 48px 0 36px;
}

.category-desc {
    font-size: 16px;
    color: var(--mid);
    line-height: 1.75;
    max-width: 600px;
    margin-top: 14px;
}

.type-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.type-pill {
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 8px 18px;
    border: 1.5px solid var(--rule);
    border-radius: 20px;
    color: var(--mid);
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
}

.type-pill:hover { border-color: var(--navy); color: var(--navy); }
.type-pill.active { background: var(--navy); border-color: var(--navy); color: var(--cream); }

.category-count {
    font-family: var(--font-mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--mid);
    margin-bottom: 24px;
}