/* au-cabinet.fr — « Bronchiolite à VRS » : questions, panneau de résultat, comparatif, fiche parents,
   sur le gabarit commun « façon MDPH ». Tailles en rem (suivent les réglages de texte) ; couleurs de la charte. */

.vrs-verif{display:inline-block;padding:0 .4rem;border:1.5px solid #B5462C;border-radius:3px;background:#FBEDE8;color:#8E3420;
  font:600 .75rem/1.5 var(--ac-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.vrs-ref{font-size:var(--fs-petit);color:var(--gm-encre-3)}
.vrs-ref a{font-weight:700}
.vrs-puces li{margin:.25rem 0;line-height:1.55}

/* ---------- questions ---------- */
.vrs-etapes{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 1rem;padding:0;list-style:none}
.vrs-etapes li{padding:.25rem .625rem;border:2px solid var(--gm-encre);border-radius:999px;font:600 .8125rem/1.3 var(--ac-mono);letter-spacing:.04em;
  background:var(--gm-carte);color:var(--gm-encre-3);transition:background .2s ease,color .2s ease}
.vrs-etapes li.ok{background:var(--gm-encre);color:#FFD84F}
.vrs-etapes li::before{display:none}
.vrs-ligne{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));align-items:start;margin:.25rem 0 1rem}
.vrs-champ{display:flex;flex-direction:column;gap:.3rem;margin:0}
.vrs-champ label{font:600 .8125rem/1.35 var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-2)}
.vrs-champ label small{text-transform:none;letter-spacing:0;font-weight:400}
.vrs-champ small{font-size:.8125rem;color:var(--gm-encre-3)}
.vrs-champ input{width:100%;max-width:100%;padding:.5rem .625rem;border:2px solid var(--gm-encre);border-radius:3px;font:inherit;font-size:1rem;
  background:var(--gm-carte);color:var(--gm-encre);box-sizing:border-box}
.vrs-champ input:focus-visible{outline:3px solid var(--gm-flamme,#F47A30);outline-offset:2px}
.vrs-inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.625rem}
.vrs-inline input{width:auto}
.vrs-aide{margin:.5rem 0 0;font:600 .8125rem/1.4 var(--ac-mono);color:var(--gm-rub-txt,#6E4A8A)}
.vrs-coches{display:flex;flex-wrap:wrap;gap:.5rem .625rem}
.vrs-coche{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;
  background:var(--gm-carte);cursor:pointer;font-weight:700;line-height:1.3}
.vrs-coche input{width:1.125rem;height:1.125rem;accent-color:var(--ac-rubrique);flex:none}
.vrs-coche:has(input:checked){background:var(--ac-rubrique-doux);box-shadow:3px 3px 0 var(--gm-encre)}
[data-si][hidden],.gm-champ[hidden],.vrs-ligne[hidden],.vrs-champ[hidden]{display:none!important}

/* ---------- panneau de résultat ---------- */
.vrs-res{margin:.75rem 0 .5rem;padding:.75rem .875rem;border:2.5px solid var(--gm-encre);border-left:8px solid var(--vrs-c,#9468B0);border-radius:3px;background:var(--vrs-f,#F4EEF8)}
.vrs-cas-acm,.vrs-cas-acm_en_plus{--vrs-c:#D08A35;--vrs-f:#FBF2E4}
.vrs-cas-vaccin_ou_acm{--vrs-c:#9468B0;--vrs-f:#F4EEF8}
.vrs-cas-protege{--vrs-c:#2F6B4F;--vrs-f:#EEF6F1}
.vrs-cas-pas_indication,.vrs-cas-a_discuter{--vrs-c:#3A8288;--vrs-f:#ECF5F5}
.vrs-res-periode{margin:0 0 .25rem;font:600 .75rem/1.3 var(--ac-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gm-encre-3)}
.vrs-res-titre{margin:0 0 .375rem;font:800 1.125rem/1.2 var(--ac-display);text-transform:uppercase;color:var(--gm-encre)}
.vrs-res-texte{margin:0;line-height:1.5;color:var(--gm-encre-2)}
.gm-panneau-corps h4{margin:1rem 0 .375rem;font:600 .78rem/1.3 var(--ac-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gm-rub-txt,#6E4A8A)}
.vrs-options{display:grid;gap:.5rem}
.vrs-option{padding:.625rem .75rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte)}
.vrs-option p{margin:0;font-size:var(--fs-petit);line-height:1.5;color:var(--gm-encre-2)}
.vrs-option .vrs-option-t{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem;margin-bottom:.25rem;
  font-size:1rem;font-weight:700;color:var(--gm-encre)}
.vrs-opt-vaccin{border-left:6px solid #9468B0}
.vrs-opt-nirsevimab{border-left:6px solid #D08A35}
.vrs-opt-clesrovimab{border-left:6px solid #3A8288}
.vrs-dose{display:inline-block;padding:.125rem .5rem;border:2px solid var(--gm-encre);border-radius:999px;background:#FFD84F;color:var(--gm-encre);
  font:600 .8125rem/1.4 var(--ac-mono);white-space:normal}
.vrs-liste{margin:.25rem 0;padding-left:1.125rem}
.vrs-liste li{margin:.2rem 0;font-size:var(--fs-petit);line-height:1.5}
.vrs-alertes li::marker{color:#B5462C}
.vrs-petit{margin:0;font-size:var(--fs-petit);line-height:1.5;color:var(--gm-encre-2)}
.vrs-texte{margin:.25rem 0 0;padding:.75rem;border:2px dashed var(--gm-filet);border-radius:3px;background:var(--gm-papier);
  font:500 .8125rem/1.55 var(--ac-mono);color:var(--gm-encre-2);white-space:pre-wrap;overflow-wrap:anywhere}

/* ---------- comprendre ---------- */
.vrs-chiffres{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));margin:1rem 0}
.vrs-chiffre{padding:.875rem;border:2.5px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);box-shadow:4px 4px 0 var(--ac-rubrique)}
.vrs-chiffre b{display:block;font:800 1.75rem/1.1 var(--ac-display);color:var(--ac-rubrique-txt)}
.vrs-chiffre span{display:block;margin-top:.375rem;font-size:var(--fs-petit);line-height:1.45;color:var(--gm-encre-2)}
.vrs-compare th[scope],.vrs-compare tbody th{text-align:left;white-space:nowrap}
.vrs-compare td{font-size:var(--fs-petit);line-height:1.45}
.vrs-doses td small{color:var(--gm-encre-3)}

/* ---------- fiche parents ---------- */
.vrs-fiche{margin:1rem 0;padding:1.25rem 1.375rem;border:3px solid var(--gm-encre);border-radius:4px;background:#FFFDF7;box-shadow:6px 6px 0 #D08A35}
.vrs-fiche .vrs-fiche-titre{margin:0 0 .25rem!important;padding:0!important;border:0!important;font:800 1.5rem/1.15 var(--ac-display);text-transform:uppercase;color:var(--gm-encre)}
.vrs-fiche-sous{margin:0 0 .75rem;color:var(--gm-encre-2)}
.vrs-gestes{counter-reset:g;list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.vrs-gestes li{counter-increment:g;position:relative;padding:.5rem .625rem .5rem 2.75rem;border:2px solid var(--gm-encre);border-radius:3px;background:#FBF2E4;line-height:1.45}
.vrs-gestes li::before{content:counter(g);position:absolute;left:.5rem;top:.5rem;display:grid;place-items:center;width:1.625rem;height:1.625rem;
  border-radius:50%;background:var(--gm-encre);color:#FFD84F;font:800 .875rem/1 var(--ac-mono)}
.vrs-fiche-alerte{margin:1rem 0 .5rem;padding:.75rem .875rem;border:2.5px solid #B5462C;border-left:8px solid #B5462C;border-radius:3px;background:#FBEDE8;line-height:1.5}
.vrs-fiche-alerte p{margin:.25rem 0}
/* Relecture du 09/10/2026 : signes d'appel du 15 en liste (ameli, HAS 2019) ; la fiche doit rester sur une page A4 */
.vrs-fiche-signes{margin:.25rem 0}
.vrs-fiche-signes li{margin:0;padding:.125rem 0 .125rem 1.1875rem;line-height:1.45}
.vrs-fiche-signes li::before{top:.6rem;background:#B5462C}
.vrs-fiche-pied{margin:.5rem 0 0;font-size:var(--fs-petit);color:var(--gm-encre-2)}
.vrs-faq details{margin:.5rem 0;padding:.625rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte)}
.vrs-faq summary{cursor:pointer;font-weight:700;line-height:1.4}
.vrs-faq details p{margin:.5rem 0 0;line-height:1.55;color:var(--gm-encre-2)}
.vrs-faq details[open]{box-shadow:3px 3px 0 var(--ac-rubrique)}
.vrs-sources li{margin:.3rem 0;line-height:1.5;overflow-wrap:anywhere}

@media (prefers-reduced-motion:no-preference){
  .vrs-res{animation:vrs-arrive .35s cubic-bezier(.2,.9,.3,1.2)}
  .vrs-option{animation:vrs-arrive .35s cubic-bezier(.2,.9,.3,1.2) both}
  .vrs-option:nth-child(2){animation-delay:.06s}
  .vrs-option:nth-child(3){animation-delay:.12s}
  .vrs-chiffre:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ac-rubrique);transition:transform .15s ease,box-shadow .15s ease}
}
@keyframes vrs-arrive{from{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:none}}

/* Vu au rendu de la relecture du 09/10/2026 : sur téléphone, le gabarit (.gm-imb, cadres imbriqués) ramène la marge
   intérieure des gestes à 10 px et le numéro rond recouvrait le début du texte (« Lavez-vous » → « vez-vous ») */
@media (max-width:600px){.vrs-gestes li.gm-imb{padding-left:2.5rem!important}}
@media (max-width:760px){
  .vrs-fiche{padding:1rem;box-shadow:4px 4px 0 #D08A35}
  .vrs-compare tbody th{white-space:normal}
}
@media print{
  .vrs-fiche{box-shadow:none;border-width:2px}
  .vrs-gestes li{break-inside:avoid}
}