/* Blocs interactifs d'article (moteur HTML v2.3). Généré : préfixe pqt, couleurs et formes = jetons du thème du site. */
.pqt-bloc{--pqt-fond:var(--couleur-surface);--pqt-fond2:var(--couleur-kraft-clair);--pqt-txt:var(--couleur-encre);--pqt-doux:var(--couleur-muted);--pqt-acc:var(--couleur-accent);--pqt-suracc:var(--couleur-sur-accent);--pqt-ligne:var(--couleur-bordure);--pqt-ok:var(--couleur-accent);--pqt-ko:var(--couleur-kraft-fonce);--pqt-r:var(--rayon-moyen);--pqt-ft:var(--police-titre);
  margin:2.5rem 0;padding:clamp(1rem,3.2vw,1.9rem);background:var(--pqt-fond);color:var(--pqt-txt);border:2px solid var(--couleur-kraft);border-radius:var(--pqt-r);box-shadow:var(--ombre-paquet);max-width:100%;overflow-wrap:anywhere}
.pqt-bloc *{box-sizing:border-box}
.pqt-bloc :where(p,ul,ol,fieldset){margin:0}
.pqt-bloc>*+*{margin-top:1rem}
.pqt-type{font-family:var(--pqt-ft);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--pqt-doux)}
.pqt-bloc .pqt-titre{font-family:var(--pqt-ft);font-size:clamp(1.2rem,1rem + 1vw,1.5rem);line-height:1.25;margin-top:.3rem}
.pqt-intro,.pqt-consigne{color:var(--pqt-doux)}
.pqt-questions{list-style:none;padding:0;counter-reset:pqtq}
.pqt-question{counter-increment:pqtq;padding:1rem 0;border-top:1px solid var(--pqt-ligne)}
.pqt-question:first-child{border-top:0;padding-top:.25rem}
.pqt-enonce{font-weight:600}
.pqt-enonce::before{content:counter(pqtq) ". ";color:var(--pqt-acc)}
.pqt-bloc .pqt-choix{list-style:none;padding:0;display:grid;gap:.5rem;margin-top:.7rem!important}
.pqt-bloc .pqt-choix li{margin:0}
.pqt-bloc .pqt-questions,.pqt-bloc .pqt-sequence,.pqt-bloc .pqt-liste{padding-left:0;margin-left:0;list-style:none}
.pqt-bloc .pqt-questions>li,.pqt-bloc .pqt-liste>li{margin-top:0}
.pqt-vrai-faux .pqt-choix{grid-template-columns:repeat(2,minmax(0,10rem))}
.pqt-btn,.pqt-rep,.pqt-mv{font:inherit;font-size:.97rem;color:var(--pqt-txt);background:var(--pqt-fond);border:2px solid var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6);padding:.65rem .95rem;min-height:44px;cursor:pointer;text-align:left;line-height:1.35;width:100%}
.pqt-btn{width:auto;background:var(--pqt-acc);border-color:var(--pqt-acc);color:var(--pqt-suracc);font-weight:600;text-align:center}
.pqt-btn+.pqt-btn{margin-left:.5rem}
.pqt-rep:hover:not(:disabled),.pqt-mv:hover:not(:disabled){border-color:var(--pqt-acc)}
.pqt-btn:focus-visible,.pqt-rep:focus-visible,.pqt-mv:focus-visible,.pqt-bloc select:focus-visible,.pqt-bloc input:focus-visible{outline:3px solid var(--pqt-acc);outline-offset:2px}
.pqt-rep:disabled{cursor:default;opacity:1}
.pqt-rep[aria-pressed=true]{border-color:var(--pqt-acc);background:var(--pqt-fond2)}
.pqt-bloc .pqt-ok{border-color:var(--pqt-ok)!important}
.pqt-bloc .pqt-ko{border-color:var(--pqt-ko)!important}
.pqt-bloc .pqt-ok::after,.pqt-bloc .pqt-ko::after{font-weight:700;margin-left:.4em}
.pqt-bloc .pqt-ok::after{content:"\2713";color:var(--pqt-ok)}
.pqt-bloc .pqt-ko::after{content:"\2717";color:var(--pqt-ko)}
.pqt-ou{font-size:.9rem;color:var(--pqt-doux);margin-top:.6rem!important}
.pqt-js .pqt-ou{display:none}
.pqt-js .pqt-ou.pqt-vu{display:block}
.pqt-expl{margin-top:.7rem!important;padding:.75rem .9rem;background:var(--pqt-fond2);border-left:3px solid var(--pqt-acc);border-radius:4px;font-size:.95rem}
.pqt-expl strong{display:block}
.pqt-res:empty{display:none}
.pqt-res{padding:1rem;border:2px dashed var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6)}
.pqt-res ul{padding-left:1.2rem;margin-top:.4rem}
.pqt-res strong{font-family:var(--pqt-ft)}
.pqt-paires{display:grid;gap:.75rem}
.pqt-paire{display:grid;gap:.35rem}
.pqt-paire label{font-weight:600}
.pqt-bloc select{font:inherit;width:100%;min-height:44px;padding:.5rem;border:2px solid var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6);background:var(--pqt-fond);color:var(--pqt-txt)}
@media (min-width:700px){.pqt-paire{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center}}
.pqt-sequence{padding:0;list-style:none;display:grid;gap:.5rem;counter-reset:pqto}
.pqt-bloc .pqt-sequence>li{counter-increment:pqto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .7rem;border:2px solid var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6);background:var(--pqt-fond);margin:0}
.pqt-sequence>li::before{content:counter(pqto);font-weight:700;color:var(--pqt-acc);min-width:1.3em}
.pqt-etape{flex:1 1 calc(100% - 2.4em);min-width:0}
@media (min-width:700px){.pqt-etape{flex:1 1 0}}
.pqt-sequence .pqt-mv:first-of-type{margin-left:auto}
.pqt-mv{width:44px;padding:0;text-align:center;flex:0 0 44px;font-size:1.15rem;font-weight:700}
.pqt-mv:disabled{opacity:.35;cursor:default}
.pqt-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.pqt-actions .pqt-btn+.pqt-btn{margin-left:0}
.pqt-fs{border:0;padding:0;margin-top:1rem!important}
.pqt-fs legend{font-weight:600;padding:0;margin-bottom:.5rem}
.pqt-opt{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem;border:2px solid var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6);margin-top:.45rem;cursor:pointer}
.pqt-opt:has(input:checked){border-color:var(--pqt-acc);background:var(--pqt-fond2)}
.pqt-opt input,.pqt-liste input{width:1.25rem;height:1.25rem;margin:.15rem 0 0;flex:0 0 auto;accent-color:var(--pqt-acc)}
.pqt-form .pqt-btn{margin-top:1rem}
.pqt-profils ul{padding-left:1.2rem;margin-top:.4rem}
.pqt-profils li{margin-top:.5rem}
.pqt-js .pqt-profils{display:none}
.pqt-liste{list-style:none;padding:0;display:grid;gap:.45rem}
.pqt-liste li{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:flex-start;padding:.55rem .7rem;border:1px solid var(--pqt-ligne);border-radius:calc(var(--pqt-r) * .6);margin:0}
.pqt-liste label{flex:1 1 12rem;cursor:pointer}
.pqt-liste li:has(input:checked) label{text-decoration:line-through;text-decoration-color:var(--pqt-acc);color:var(--pqt-doux)}
.pqt-sec{font-size:.85rem;flex-basis:100%;padding-left:1.85rem}
.pqt-plis details{border-top:1px solid var(--pqt-ligne)}
.pqt-plis details:last-child{border-bottom:1px solid var(--pqt-ligne)}
.pqt-plis summary{cursor:pointer;padding:.85rem 0;font-weight:600}
.pqt-plis details>div{padding-bottom:.85rem}
.pqt-suite{padding-top:1rem;border-top:1px solid var(--pqt-ligne);font-weight:600}
@media (prefers-reduced-motion:no-preference){.pqt-rep,.pqt-mv,.pqt-opt{transition:border-color .2s,background-color .2s}}
