.skills-catalog { display:grid; gap:28px; }
.skills-catalog > section { min-width:0; }
.skills-catalog .sec { justify-content:space-between; gap:12px; flex-wrap:wrap; }
.skills-catalog .sec h2 { margin:0; }
.skills-catalog .detail-note { margin-top:0; }
.skill-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; padding:16px; }
.skill-row + .skill-row { border-top:1px solid var(--h1); }
.skill-copy { min-width:0; }
.skill-copy h3 { margin:4px 0 6px; font-size:15px; font-weight:600; color:var(--t1); overflow-wrap:anywhere; }
.skill-copy p { margin:0 0 8px; line-height:1.5; color:var(--t2); overflow-wrap:anywhere; max-width:70ch; }
.skill-kind { color:var(--t3); font-size:11px; }
.skill-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.skills-catalog .btn { white-space:normal; text-align:center; }
@media(max-width:768px) {
 .skill-row { grid-template-columns:minmax(0,1fr); gap:12px; }
 .skill-controls { justify-content:flex-start; }
}
@media(max-width:480px) {
 .skill-controls .btn { min-height:44px; }
}