/* Feuille de widget « sk-vpa » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.sk-vpa{--vpa-encre:var(--sk-fg);--vpa-sourd:var(--sk-muted);--vpa-trait:var(--sk-border);--vpa-fond:var(--sk-surface);--vpa-papier:var(--sk-surface-alt);--vpa-violet:var(--sk-c-violet-3);--vpa-violet-l:var(--sk-bg);--vpa-vert:var(--sk-success);--vpa-vert-l:var(--sk-success-soft);max-width:1180px}
.sk-vpa-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.2rem 0 1.1rem}
.sk-vpa-tete h2{font-size:1.45rem;font-weight:800;margin:0;color:var(--sk-fg);letter-spacing:-.01em}
.sk-vpa-tete p{margin:0;color:var(--sk-muted);font-size:.95rem;max-width:62ch;text-align:start}
.sk-vpa-filtres{display:flex;gap:.35rem;flex-wrap:wrap}
.sk-vpa-filtres button{border:1px solid var(--sk-border);background:var(--sk-surface);color:var(--sk-fg);border-radius:var(--sk-radius-pill);padding:.35rem .85rem;font:inherit;font-size:.84rem;cursor:pointer}
.sk-vpa-filtres button.actif{background:var(--sk-fg);border-color:var(--sk-fg);color:var(--sk-on-primary);font-weight:600}
.sk-vpa-filtres button:focus-visible,.sk-vpa-annonce a:focus-visible,.sk-vpa-annonce button:focus-visible{outline:2px solid var(--sk-c-violet-3);outline-offset:2px}
.sk-vpa-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem}
.sk-vpa-annonce{display:flex;flex-direction:column;background:var(--sk-surface-alt);border:1px solid var(--sk-border);border-radius:var(--sk-radius);overflow:hidden;color:var(--sk-fg)}
.sk-vpa-affiche{position:relative;aspect-ratio:16/9;background:var(--sk-border) center/cover no-repeat;max-width:100%}
.sk-vpa-affiche.vide{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sk-c-violet-2),var(--sk-c-violet-3))}
.sk-vpa-affiche.vide i{font-size:2.6rem;color:rgba(255,255,255,.55)}
.sk-vpa-cachet{position:absolute;top:.75rem;inset-inline-start:.75rem;background:var(--sk-surface);border-radius:var(--sk-radius-sm);min-width:58px;text-align:center;box-shadow:0 2px 10px rgba(22,19,43,.18);overflow:hidden;line-height:1}
.sk-vpa-cachet .mois{display:block;background:var(--sk-c-violet-3);color:var(--sk-on-primary);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.28rem .4rem}
.sk-vpa-cachet .jour{display:block;font-size:1.45rem;font-weight:800;padding:.3rem .4rem .1rem;font-variant-numeric:tabular-nums}
.sk-vpa-cachet .heure{display:block;font-size:.68rem;color:var(--sk-muted);padding:0 .4rem .35rem;font-variant-numeric:tabular-nums}
.sk-vpa-etat{position:absolute;top:.75rem;inset-inline-end:.75rem;border-radius:var(--sk-radius-pill);padding:.25rem .65rem;font-size:.74rem;font-weight:700;background:var(--sk-surface);color:var(--sk-c-violet-3)}
.sk-vpa-etat.ouverte{background:var(--sk-success);color:var(--sk-on-primary)}
.sk-vpa-corps{padding:.95rem 1.05rem 1.05rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.sk-vpa-sur{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-c-violet-3)}
.sk-vpa-corps h3{font-size:1.12rem;font-weight:800;margin:0;line-height:1.25;text-wrap:balance}
.sk-vpa-desc{font-size:.88rem;color:var(--sk-fg-soft);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sk-vpa-dates{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;border-top:1px dashed var(--sk-border);border-bottom:1px dashed var(--sk-border);padding:.55rem 0;margin-top:auto}
.sk-vpa-dates small{display:block;font-size:.7rem;color:var(--sk-muted);text-transform:uppercase;letter-spacing:.06em}
.sk-vpa-dates strong{font-size:.86rem;font-variant-numeric:tabular-nums}
.sk-vpa-pied{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.sk-vpa-pied .compte{font-size:.82rem;color:var(--sk-muted)}
.sk-vpa-btn{border:1px solid var(--sk-c-violet-3);background:var(--sk-c-violet-3);color:var(--sk-on-primary);border-radius:var(--sk-radius-sm);padding:.48rem .95rem;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.sk-vpa-btn.second{background:var(--sk-surface);color:var(--sk-c-violet-3)}
.sk-vpa-btn.fait{background:var(--sk-success-soft);border-color:var(--sk-success-soft);color:var(--sk-success);cursor:default}
.sk-vpa-btn[disabled]{opacity:.65}
.sk-vpa-vide{border:1px dashed var(--sk-border);border-radius:var(--sk-radius);padding:2rem 1rem;text-align:center;color:var(--sk-muted)}
.sk-vpa-msg{font-size:.8rem;color:var(--sk-danger);width:100%}
@media (max-width:420px){.sk-vpa-grille{grid-template-columns:1fr}}