/* ==========================================================================
   Tech Stack Pills
   ========================================================================== */

.tech-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tech-pill {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-sm);
    letter-spacing: 0.02em;
    transition: color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-base);
    white-space: nowrap;
}

.tech-pill:hover {
    color: var(--color-accent);
    border-color: var(--color-accent);
}