/* Feuille de widget « sk-how » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-how{max-width:1280px;margin:3rem auto;padding:0 1.5rem}
.sk-how-head{text-align:center;margin-bottom:2rem}
.sk-how-head h2{font-size:2.1rem;font-weight:800;margin-bottom:.3rem;color:var(--sk-fg)}
.sk-how-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-how-head p{color:var(--sk-muted);margin:0}
.sk-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative}
@media(max-width:900px){.sk-how-grid{grid-template-columns:1fr}}
.sk-how-grid::before{content:'';position:absolute;top:50px;left:14%;right:14%;height:2px;background:linear-gradient(90deg,var(--sk-primary) 0%,var(--sk-c-cyan-1) 100%);opacity:.22;z-index:0}
@media(max-width:900px){.sk-how-grid::before{display:none}}
.sk-how-step{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius-lg);padding:2rem 1.4rem;text-align:center;position:relative;z-index:1;transition:all .2s}
.sk-how-step:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(9,78,215,.1);border-color:var(--sk-primary)}
.sk-how-num{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:36px;height:36px;background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1));color:var(--sk-on-primary);border-radius:var(--sk-radius-round);display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 6px 20px rgba(9,78,215,.3)}
.sk-how-ico{width:68px;height:68px;background:var(--sk-primary-soft);border-radius:var(--sk-radius-round);display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--sk-primary);margin:1.3rem auto 1.2rem}
.sk-how-step h3{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:var(--sk-fg)}
.sk-how-step p{color:var(--sk-muted);font-size:.9rem;margin:0;line-height:1.5}