/* Feuille de widget « sk-mapp » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-mapp{max-width:1280px;margin:3rem auto;padding:0 1.5rem}
.sk-mapp-inner{background:linear-gradient(135deg,var(--sk-primary) 0%,var(--sk-c-cyan-1) 100%);color:var(--sk-on-primary);border-radius:var(--sk-radius-lg);padding:3rem 2.5rem;display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;overflow:hidden;position:relative}
.sk-mapp-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
@media(max-width:800px){.sk-mapp-inner{grid-template-columns:1fr;text-align:center}}
.sk-mapp-inner h2{color:var(--sk-on-primary);font-size:2.1rem;font-weight:800;margin:0 0 .5rem;position:relative}
.sk-mapp-inner p{opacity:.92;margin-bottom:1.5rem;font-size:1rem;max-width:420px;position:relative}
@media(max-width:800px){.sk-mapp-inner p{margin-left:auto;margin-right:auto}}
.sk-mapp-badges{display:flex;gap:.8rem;flex-wrap:wrap;position:relative}
@media(max-width:800px){.sk-mapp-badges{justify-content:center}}
.sk-mapp-badge{display:inline-flex;align-items:center;gap:.7rem;background:var(--sk-fg);color:var(--sk-on-primary);padding:.7rem 1.3rem;border-radius:var(--sk-radius);text-decoration:none;transition:all .2s;border:1px solid rgba(255,255,255,.12)}
.sk-mapp-badge:hover{transform:translateY(-2px);background:var(--sk-fg);color:var(--sk-on-primary)}
.sk-mapp-badge .ico{font-size:1.9rem}
.sk-mapp-badge .txt{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.sk-mapp-badge .txt small{font-size:.68rem;opacity:.75}
.sk-mapp-badge .txt strong{font-size:1.05rem;font-weight:700;letter-spacing:.3px}
.sk-mapp-qr{display:flex;flex-direction:column;align-items:center;gap:.6rem;position:relative}
.sk-mapp-qr svg,.sk-mapp-qr img{background:var(--sk-surface);padding:12px;border-radius:var(--sk-radius);width:130px;height:130px}
.sk-mapp-qr small{color:rgba(255,255,255,.85);font-size:.82rem;font-weight:600}
@media(max-width:800px){.sk-mapp-qr{display:none}}