/* Feuille de widget « sk-cats » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-cats-wrap{max-width:1280px;margin:3rem auto 2rem;padding:0 1.5rem}
.sk-cats-head{text-align:center;margin-bottom:2rem}
.sk-cats-head h2{font-size:2.3rem;font-weight:800;margin-bottom:.4rem}
.sk-cats-head h2 .grad{background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sk-cats-head p{color:var(--sk-muted);font-size:1rem}
.sk-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}
.sk-cat{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:1.4rem 1rem;text-align:center;text-decoration:none;color:var(--sk-fg);transition:all .2s;display:block}
.sk-cat:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-color:var(--sk-primary)}
.sk-cat .sk-cat-icon{width:60px;height:60px;border-radius:var(--sk-radius);margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;color:var(--sk-on-primary);font-size:1.5rem}
.sk-cat h3{font-size:.95rem;margin-bottom:.15rem;font-weight:700}
.sk-cat p{color:var(--sk-muted);font-size:.75rem;margin:0}