/* skills widget: narration first, then the two main panels, then calmer details. No text under 13px. */
.sk-toggles { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; margin: 0 0 .7rem; font-size: .92rem; }
.sk-request { margin: 0 0 .8rem; font-size: 1rem; }
.sk-stepper .sk-say { margin: 0; font-size: 1.05rem; line-height: 1.55; }
.sk-decision { margin: .55rem 0 0; padding: .4rem .6rem; font: .86rem/1.45 var(--mono); background: var(--bg-elev); border: 1px solid var(--border); border-radius: 6px; overflow-wrap: anywhere; }
.sk-row { margin-top: .9rem; }
.sk-main { min-height: 15rem; }
.sk-files, .sk-files ul { list-style: none; margin: 0; padding: 0; font: .88rem/1.55 var(--mono); }
.sk-files ul { padding-left: 1.1rem; }
.sk-files li { margin: .12rem 0; display: flex; flex-wrap: wrap; gap: .15rem .45rem; align-items: baseline; }
.sk-files li > ul { flex-basis: 100%; }
.sk-files li.idle .sk-file { color: var(--text-3); }
.sk-dir { font-weight: 650; }
.sk-note { font-family: var(--font); font-size: .84rem; color: var(--bad); }
.sk-ctx { list-style: none; margin: 0; padding: 0; display: grid; gap: .32rem; font-size: .88rem; }
.sk-ctx li { display: flex; gap: .45rem; align-items: baseline; margin: 0; }
.sk-ctx li.hl .sk-ctx-label { color: var(--text); font-weight: 650; }
.sk-ctx-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.sk-tok { font-family: var(--mono); font-size: .84rem; color: var(--text-3); }
.sk-idle { margin: 0 0 .4rem; font-size: .92rem; color: var(--text-2); }
.sk-stats { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0 .4rem; }
.sk-stat { display: flex; align-items: baseline; gap: .45rem; padding: .4rem .8rem; border: 1px solid var(--border); border-radius: 999px; background: var(--bg); }
.sk-stat-num { font-weight: 750; font-size: 1.05rem; }
.sk-stat-label { font-size: .88rem; color: var(--text-2); }
.sk-compare { margin: 0; font-size: .92rem; color: var(--text-2); }
.sk-detail { font-size: .86rem; }
.sk-kv { font-family: var(--font); font-size: .86rem; gap: .25rem .7rem; }
.sk-kv dt { font-weight: 650; color: var(--text-2); }
@media (max-width: 760px) { .sk-main { min-height: 0; } }