.cadre{gap:var(--e-3);padding:var(--e-4);background:var(--surface);color:var(--texte);border:1px solid var(--bordure-2);border-radius:var(--r-bloc);font-family:var(--police-interface);flex-direction:column;font-size:1rem;line-height:1.5;transition:background-color .4s,border-color .4s,color .4s;display:flex}.cadre[data-compact=true]{background:0 0;border-color:#0000;padding:0}.cadre__avant{gap:var(--e-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"titres""bouton";align-items:center;display:grid}.cadre__avant[data-image=true]{grid-template-columns:5rem minmax(0,1fr);grid-template-areas:"image titres""bouton bouton"}.cadre__avant .cadre__titres{grid-area:titres}.cadre__image{aspect-ratio:1;object-fit:cover;border-radius:var(--r-controle);grid-area:image;width:100%;display:block}.cadre__commencer{grid-area:bouton;justify-self:start}.cadre__quand{font-family:var(--police-lecture);color:var(--texte-2);font-size:.9375rem;font-style:italic;line-height:1.45}@media (width>=40rem){.cadre__avant{gap:var(--e-4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titres bouton"}.cadre__avant[data-image=true]{grid-template-columns:10rem minmax(0,1fr) auto;grid-template-areas:"image titres bouton"}}.cadre[data-etat=en-cours]{background:var(--vert-profond);border-color:var(--vert-profond);color:#fff}.cadre__entete{justify-content:space-between;align-items:center;gap:var(--e-2);display:flex}.cadre__titres{flex-direction:column;gap:4px;display:flex}.cadre__surtitre{letter-spacing:.06em;text-transform:uppercase;color:var(--terre);font-size:.75rem;font-weight:600}.cadre[data-etat=en-cours] .cadre__surtitre{color:#cfe0d2}.cadre__titre{font-size:1.125rem;font-weight:600}.cadre__annonce{font-family:var(--police-titre);font-size:1.3125rem;line-height:1.3}.cadre__corps{gap:var(--e-3);flex-direction:column;display:flex}.cadre__corps:focus,.cadre__question:focus{outline:none}.cadre__corps h3{font-family:var(--police-titre);color:inherit;margin:0;font-size:1.375rem;line-height:1.3}.cadre__corps .consigne{font-family:var(--police-lecture);font-size:1.1875rem;line-height:1.6}.cadre__corps label.question{font-family:var(--police-titre);font-size:1.3125rem;line-height:1.3}.cadre__corps textarea{padding:var(--e-2) var(--e-3);border:1px solid var(--bordure-3);border-radius:var(--r-controle);font-family:var(--police-lecture);resize:vertical;color:var(--texte);background:#fff;font-size:1.0625rem;line-height:1.5}.cadre__rappel{padding:var(--e-1) var(--e-2);background:var(--surface-2);border-radius:var(--r-controle);font-family:var(--police-lecture);white-space:pre-line}.cadre[data-etat=en-cours] .cadre__rappel{background:#ffffff1f}.cadre__zone{color:#cfe0d2;font-size:.875rem;font-weight:600}.cadre__suites{padding-bottom:var(--e-2);border-bottom:1px solid var(--bordure);flex-direction:column;display:flex}.lien-action{align-self:flex-start;align-items:center;gap:var(--e-1);min-height:var(--cible-min);color:var(--vert);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.cadre__question{font-size:1rem}.cadre__ressentis{gap:var(--e-1);flex-direction:column;display:flex}.ressenti{min-height:46px;padding:0 var(--e-3);text-align:left;border:1px solid var(--bordure-2);border-radius:var(--r-controle);color:var(--texte);font:inherit;cursor:pointer;background:#fff;font-size:.9375rem}.ressenti[aria-pressed=true]{background:var(--vert-clair);border-color:var(--vert)}.cadre__retour{font-family:var(--police-lecture);font-size:1rem;line-height:1.55}.cadre__pastilles{gap:var(--e-1);flex-wrap:wrap;display:flex}.cadre__confirmation{color:var(--vert);font-size:.875rem;font-weight:600}.cadre__actions{align-items:center;gap:var(--e-2);flex-wrap:wrap;display:flex}.cadre__actions:empty{display:none}.cadre__actions--fin{justify-content:space-between}.cadre__choix{gap:var(--e-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.pastille{min-height:var(--cible-min);padding:0 var(--e-3);border:1px solid var(--bordure-3);border-radius:var(--r-pastille);color:var(--texte);font:inherit;cursor:pointer;background:#fff;font-size:.9375rem}.pastille[aria-pressed=true]{background:var(--vert-clair);border-color:var(--vert)}.cadre[data-etat=en-cours] .pastille{color:#fff;background:#ffffff14;border-color:#fff6}.cadre[data-etat=en-cours] .pastille[aria-pressed=true]{color:var(--vert-profond);background:#fff;border-color:#fff}.bouton{align-items:center;gap:var(--e-1);min-height:var(--cible-min);padding:0 var(--e-4);border-radius:var(--r-pastille);background:var(--vert);color:#fff;font:inherit;cursor:pointer;border:none;flex-shrink:0;font-size:.9375rem;font-weight:600;display:inline-flex}.bouton:hover{background:var(--vert-profond)}.bouton--grand{min-height:52px;padding:0 var(--e-5);align-self:flex-start;font-size:1rem}.bouton--contour{color:var(--texte);border:1px solid var(--texte);background:0 0;font-weight:400}.bouton--contour:hover{background:var(--surface-2)}.bouton--texte{color:var(--texte-3);padding:0 var(--e-1);background:0 0;font-weight:400}.bouton--texte:hover{color:var(--texte);background:0 0}.cadre[data-etat=en-cours] .bouton{color:var(--vert-profond);background:#fff}.cadre[data-etat=en-cours] .bouton--texte{color:#d6e4d8;background:0 0;text-decoration:underline}.bouton:disabled{opacity:.7;cursor:default}.cadre__erreur{color:var(--erreur);font-size:.875rem}.cadre[data-etat=en-cours] .cadre__erreur{color:#ffd9d2}.etapes{gap:6px;display:flex}.etapes__point{background:#ffffff40;border-radius:2px;width:22px;height:4px}.etapes__point[data-atteint=true]{background:#fff}.cadre__ligne-titre{justify-content:space-between;align-items:center;gap:var(--e-2);display:flex}.cadre__ligne-titre strong{font-size:.875rem}
