.portfolio-subnav {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border);
    margin-bottom: 1.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.portfolio-subnav-link {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s, border-color 0.15s;
}

.portfolio-subnav-link:hover {
    color: var(--text-primary);
}

.portfolio-subnav-link.active {
    color: var(--text-primary);
    border-bottom-color: var(--accent, #2563eb);
}