/* Feuille de widget « ska » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.ska{--ink:var(--sk-fg);--sub:var(--sk-fg-soft);--muted:var(--sk-muted);--line:var(--sk-border);--blue:var(--sk-primary);--green:var(--sk-success);--red:var(--sk-danger);--amber:var(--sk-warning);--violet:var(--sk-c-indigo-1);
  font-family: var(--sk-font);color:var(--sk-fg);margin:1rem 0}
.ska.plein{max-width:900px;margin:1.2rem auto;padding:0 1rem}
.ska h2{font-size:1.25rem;margin:0 0 .3rem}
.ska .sous{color:var(--sk-fg-soft);margin:0 0 .9rem;font-size:.92rem}
.ska .achat{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:14px 16px;margin-bottom:10px}
.ska .tete{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:baseline}
.ska .titre{font-weight:600;font-size:1.02rem}
.ska .meta{color:var(--sk-muted);font-size:.84rem;margin-top:.15rem}
.ska .pill{border-radius:var(--sk-radius-pill);padding:.1rem .6rem;font-size:.75rem;font-weight:600;background:var(--sk-primary-soft);color:var(--sk-c-indigo-1)}
.ska .pill.expire,.ska .pill.revoque{background:var(--sk-danger-soft);color:var(--sk-danger)}
.ska .actions{margin-top:.7rem;display:flex;gap:.5rem;flex-wrap:wrap}
.ska button{font:600 .88rem Inter,system-ui,sans-serif;border-radius:var(--sk-radius-sm);padding:.5rem .9rem;cursor:pointer;border:1px solid var(--sk-border);background:var(--sk-surface);color:var(--sk-fg)}
.ska button.p{background:var(--sk-primary);border-color:var(--sk-primary);color:var(--sk-on-primary)}
.ska button:disabled{opacity:.5;cursor:default}
.ska .contenu{margin-top:.7rem;display:grid;gap:.5rem}
.ska .fichier{display:flex;justify-content:space-between;gap:.6rem;align-items:center;background:var(--sk-bg);border-radius:var(--sk-radius-sm);padding:.5rem .7rem;font-size:.9rem}
.ska .fichier a{color:var(--sk-primary);font-weight:600;text-decoration:none;white-space:nowrap}
.ska .cle{display:flex;gap:.5rem;align-items:center;background:var(--sk-bg);border:1px dashed var(--sk-border-strong);border-radius:var(--sk-radius-sm);padding:.5rem .7rem}
.ska .cle code{font:600 1rem ui-monospace,Menlo,monospace;letter-spacing:.04em;flex:1;word-break:break-all}
.ska .instr{background:var(--sk-warning-soft);border-radius:var(--sk-radius-sm);padding:.5rem .7rem;font-size:.88rem;white-space:pre-line}
.ska .msg{font-size:.88rem;font-weight:600}.ska .msg.ko{color:var(--sk-danger)}.ska .msg.ok{color:var(--sk-success)}
.ska .vide{color:var(--sk-muted)}