.skills-body {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.skill-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skill-cat {
    font-size: 0.85rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gray-mid);
    font-weight: 600;
}

.skill-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.skill-tags .tag {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid var(--border);
    color: var(--white);
    transition: background var(--t-fast), border-color var(--t-fast), transform var(--t-fast), color var(--t-fast);
}

.skill-tags .tag:hover {
    background: var(--white);
    color: var(--bg);
    border-color: var(--white);
    transform: translateY(-2px);
}