/* ── SKILLS ── */
.skills{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.skill-categories{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:5.5rem}
.skill-categories button{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;border-radius:8px;border:1.5px solid transparent;background:transparent;cursor:pointer;text-align:left;color:var(--mut);transition:all .2s;font-weight:600}
.skill-categories button span{font-family:var(--mono);font-size:.72rem}
.skill-categories button:hover{color:var(--ink);border-color:var(--line)}
.skill-categories button[aria-pressed="true"]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.skill-groups{display:grid;gap:clamp(1.5rem,3vw,2.25rem)}
.skill-group[hidden]{display:none}
.skill-group h3{display:flex;align-items:center;gap:.7rem;margin:0 0 .8rem;color:var(--ink)}
.skill-group h3::after{content:"";flex:1;height:1px;background:var(--line)}
.skill-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}
.skill-chips li{padding:.4rem .85rem;border-radius:8px;border:1.5px solid var(--ink);background:var(--paper);font-size:.95rem;font-weight:500;transition:all .2s;cursor:default;box-shadow:2px 3px 0 var(--ink)}
.skill-chips li:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink);background:var(--bg2)}
@media (max-width:860px){.skills{grid-template-columns:1fr}.skill-categories{position:static;flex-direction:row;flex-wrap:wrap}.skill-categories button{padding:.5rem .8rem}}