/* Feuille de widget « sk-phones » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-phones{max-width:900px;margin:3rem auto;padding:0 1.5rem}
.sk-phones-head{text-align:center;margin-bottom:2rem}
.sk-phones-head h2{font-size:2.1rem;font-weight:800;color:var(--sk-fg);margin-bottom:.3rem}
.sk-phones-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-phones-head p{color:var(--sk-muted);margin:0}
.sk-phones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.sk-phone-card{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius-lg);padding:1.4rem;display:flex;gap:1rem;align-items:flex-start;transition:all .2s}
.sk-phone-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,78,215,.08);border-color:var(--sk-primary)}
.sk-phone-card .ico{width:48px;height:48px;border-radius:var(--sk-radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--sk-on-primary);flex-shrink:0}
.sk-phone-card .ico.gen{background:linear-gradient(135deg,var(--sk-primary),var(--sk-c-cyan-1))}
.sk-phone-card .ico.sell{background:linear-gradient(135deg,var(--sk-c-sarcelle-2),var(--sk-c-sarcelle-3))}
.sk-phone-card .ico.drv{background:linear-gradient(135deg,var(--sk-accent),var(--sk-accent))}
.sk-phone-card .ico.emg{background:linear-gradient(135deg,var(--sk-danger),var(--sk-danger))}
.sk-phone-card h3{font-size:1rem;margin:0 0 .25rem;color:var(--sk-fg)}
.sk-phone-card .sk-num{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;font-weight:700;color:var(--sk-primary);text-decoration:none;margin:.2rem 0 .35rem}
.sk-phone-card .sk-num:hover{color:var(--sk-primary-hover);text-decoration:underline}
.sk-phone-card small{color:var(--sk-muted);font-size:.8rem;display:block}
.sk-phone-card small.sk-hours{color:var(--sk-c-sarcelle-2);font-weight:600;margin-top:.4rem}
.sk-phones-foot{margin-top:2rem;background:linear-gradient(135deg,var(--sk-primary-soft),var(--sk-bg));border:1px solid var(--sk-border-strong);border-radius:var(--sk-radius-lg);padding:1.4rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.sk-phones-foot .ico{width:52px;height:52px;border-radius:var(--sk-radius);background:var(--sk-primary);color:var(--sk-on-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.sk-phones-foot .txt{flex:1;min-width:200px}
.sk-phones-foot h4{margin:0 0 .2rem;color:var(--sk-fg);font-size:1rem}
.sk-phones-foot p{margin:0;color:var(--sk-fg-soft);font-size:.88rem}
.sk-phones-foot .sk-cta{background:var(--sk-primary);color:var(--sk-on-primary);padding:.6rem 1.2rem;border-radius:var(--sk-radius-pill);font-weight:600;text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}
.sk-phones-foot .sk-cta:hover{background:var(--sk-primary-hover);color:var(--sk-on-primary)}