/* Feuille de widget « sk-why » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-why{max-width:1280px;margin:3rem auto;padding:0 1.5rem}
.sk-why-head{text-align:center;margin-bottom:2rem}
.sk-why-head h2{font-size:2.1rem;font-weight:800;margin-bottom:.3rem}
.sk-why-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-why-head p{color:var(--sk-muted)}
.sk-why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}
.sk-why-card{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius);padding:2rem 1.4rem;text-align:center;transition:all .2s}
.sk-why-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.08);border-color:var(--sk-primary)}
.sk-why-card .ico{width:68px;height:68px;background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1));border-radius:var(--sk-radius-round);display:flex;align-items:center;justify-content:center;color:var(--sk-on-primary);font-size:1.6rem;margin:0 auto 1.2rem}
.sk-why-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.3rem}
.sk-why-card p{color:var(--sk-muted);font-size:.88rem;margin:0}