.skills-showcase{gap:0;display:grid}.skills-group-card{border-top:1px solid var(--border-color);gap:1.25rem;padding-block:2rem;display:grid}.skills-group-card:first-child{border-top:none;padding-top:0}.skills-group-header{max-width:40ch}.skills-group-title{font-size:var(--fs-h3);font-weight:var(--fw-semibold);color:var(--title-color);margin-bottom:.35rem}.skills-group-description{color:var(--text-color-light);font-size:var(--fs-small);line-height:1.6}.skills-group-grid{flex-wrap:wrap;align-content:flex-start;gap:.7rem;display:flex}.skill-chip{--skill-color:var(--accent);--skill-color-dark:var(--skill-color);border-radius:var(--radius-pill);background:var(--container-color);border:1px solid var(--border-color);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:.6rem;padding:.6rem .95rem .6rem .65rem;display:inline-flex}.skill-chip:hover{border-color:color-mix(in srgb, var(--skill-color) 45%, var(--border-color));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.skill-chip-icon{border-radius:var(--radius-pill);background:var(--surface-2);width:2rem;height:2rem;color:var(--text-color-light);filter:grayscale()saturate(.2);transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease), filter var(--dur) var(--ease), transform var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.skill-chip:hover .skill-chip-icon{color:var(--skill-color);background:color-mix(in srgb, var(--skill-color) 14%, transparent);filter:grayscale(0)saturate();transform:scale(1.06)}body.dark-theme .skill-chip:hover .skill-chip-icon{color:var(--skill-color-dark)}.skill-chip-name{color:var(--title-color);font-size:var(--fs-small);font-weight:var(--fw-medium);white-space:nowrap}@media screen and (width>=768px){.skills-group-card{grid-template-columns:minmax(0,18rem) 1fr;align-items:start;gap:2.5rem;padding-block:2.5rem}}