.demo{--demo-bordure:#e2e8ea;--demo-texte-doux:#5a6a70;--demo-fond-doux:#f4f7f8;--demo-erreur:#a4262c;--demo-header:100px;--demo-jeton-nom:#fde68a;--demo-jeton-mail:#bfdbfe;--demo-jeton-tel:#bbf7d0;--demo-jeton-iban:#fecaca;--demo-jeton-siret:#e9d5ff;--demo-jeton-cp:#fed7aa;--demo-jeton-manuel:#e5e7eb}.demo-hero{background:var(--gradient-primary);color:var(--color-white);padding:120px 0 60px}.demo-hero__inner{max-width:70ch}.demo-hero__title{font-size:2rem;line-height:1.2;margin:0 0 var(--spacing-md)}.demo-hero__highlight{color:var(--color-yellow)}.demo-hero__lead{font-size:1.0625rem;line-height:1.65;margin:0}.demo-fil ol{align-items:center;display:flex;flex-wrap:wrap;font-size:0.9rem;gap:var(--spacing-xs);list-style:none;margin-bottom:var(--spacing-md)}.demo-fil ol[hidden]{display:none}.demo-fil a,.demo-fil a:visited{color:rgba(255,255,255,0.8);text-decoration:none}.demo-fil a:hover,.demo-fil a:focus-visible{color:var(--color-yellow);text-decoration:underline;text-decoration-thickness:2px}.demo-fil i{font-size:0.7rem;margin-right:2px;opacity:0.6}.demo-fil [aria-current="page"]{color:rgba(255,255,255,0.85)}.demo__atelier{padding:var(--spacing-lg) 0}.demo__etape{margin:0 0 var(--spacing-xl)}.demo__etape[hidden]{display:none}.demo__sous-titre{align-items:center;color:var(--color-blue);display:flex;font-size:1.25rem;gap:var(--spacing-sm);line-height:1.3;margin:0 0 var(--spacing-md);scroll-margin-top:calc(var(--demo-header) + var(--spacing-md))}.demo__sous-titre[hidden]{display:none}.demo__numero{align-items:center;background:var(--color-blue);border-radius:50%;color:var(--color-white);display:inline-flex;flex:none;font-size:0.875rem;font-weight:600;height:1.75rem;justify-content:center;width:1.75rem}.demo__numero[hidden]{display:none}.demo__aide{color:var(--demo-texte-doux);font-size:0.9375rem;line-height:1.5;margin:0 0 var(--spacing-md);max-width:70ch}.demo__exemple{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0 0 var(--spacing-md)}.demo__exemple[hidden]{display:none}.demo__exemple-note{color:var(--demo-texte-doux);font-size:0.875rem;line-height:1.4;max-width:60ch}.demo__label{display:block;font-weight:600;margin:0 0 var(--spacing-xs)}.demo__label[hidden]{display:none}.demo__texte{border:1px solid var(--demo-bordure);border-radius:var(--radius-sm);display:block;font:inherit;font-family:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.9375rem;line-height:1.5;max-width:100%;padding:var(--spacing-sm);resize:vertical;width:100%}.demo__texte[hidden]{display:none}.demo__texte:focus-visible{border-color:var(--color-blue);outline:2px solid var(--color-yellow);outline-offset:2px}.demo__lancement{margin:var(--spacing-md) 0 0}.demo__btn{align-items:center;border:1px solid var(--color-blue);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font:inherit;gap:var(--spacing-xs);justify-content:center;line-height:1.2;padding:0.55rem 1rem;transition:var(--transition-default)}.demo__btn[hidden]{display:none}.demo__btn--primaire{background:var(--color-blue);color:var(--color-white);font-weight:600}.demo__btn--secondaire{background:var(--color-white);color:var(--color-blue)}.demo__btn:hover{background:var(--color-dark-blue);border-color:var(--color-dark-blue);color:var(--color-white)}.demo__btn:focus-visible{box-shadow:0 0 0 4px var(--color-blue);outline:2px solid var(--color-yellow);outline-offset:2px}.demo__btn:disabled,.demo__btn:disabled:hover{background:var(--demo-fond-doux);border-color:var(--demo-bordure);color:var(--demo-texte-doux);cursor:not-allowed;opacity:1}.demo__progression{accent-color:var(--color-blue);display:block;height:6px;margin:var(--spacing-sm) 0 0;width:100%;max-width:24rem}.demo__progression[hidden]{display:none}.demo__etat{color:var(--demo-texte-doux);font-size:0.9375rem;line-height:1.4;margin:var(--spacing-md) 0 0;min-height:1.4em}.demo__etat--erreur{color:var(--demo-erreur)}.demo__etat--erreur .demo__invite{color:var(--demo-texte-doux)}.demo__etat[hidden]{display:none}.demo__grille{display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr);margin:0 0 var(--spacing-lg)}.demo__grille[hidden]{display:none}.demo__grille--reponse{margin:0}.demo__panneau{min-width:0}.demo__titre-panneau{color:var(--color-dark-blue);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm)}.demo__masque,.demo__code{background:var(--demo-fond-doux);border:1px solid var(--demo-bordure);border-radius:var(--radius-sm);font-family:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:0.875rem;line-height:1.6;margin:0 0 var(--spacing-md);max-height:28rem;overflow:auto;overflow-wrap:anywhere;padding:var(--spacing-sm) var(--spacing-md);white-space:pre-wrap}.demo__masque[hidden],.demo__code[hidden]{display:none}.demo__code,.demo__code--jetons{background:var(--color-white)}.demo-mot--verifier{text-decoration:underline dotted;text-decoration-color:#b45309;text-decoration-thickness:2px;text-underline-offset:3px}.demo-mot{border-radius:2px;cursor:pointer}.demo-mot:hover,.demo-mot:focus-visible{background:var(--demo-jeton-manuel);outline:2px solid var(--color-blue);outline-offset:1px;text-decoration:underline dotted}.demo-jeton{border-radius:3px;font-weight:600;padding:0 0.25em;white-space:nowrap}.demo-jeton--nom{background:var(--demo-jeton-nom)}.demo-jeton--mail{background:var(--demo-jeton-mail)}.demo-jeton--tel{background:var(--demo-jeton-tel)}.demo-jeton--iban{background:var(--demo-jeton-iban)}.demo-jeton--siret,.demo-jeton--siren{background:var(--demo-jeton-siret)}.demo-jeton--cp_ville{background:var(--demo-jeton-cp)}.demo-jeton--manuel{background:var(--demo-jeton-manuel);cursor:pointer;text-decoration:underline dotted}.demo-jeton--manuel:hover,.demo-jeton--manuel:focus-visible{outline:2px solid var(--color-blue);outline-offset:1px}.demo__table{font-size:0.9375rem;line-height:1.7;list-style:none;margin:0 0 var(--spacing-md);padding:0}.demo__table[hidden]{display:none}.demo__table code{background:var(--demo-fond-doux);border-radius:3px;padding:0 0.3em}.demo__mesures{color:var(--demo-texte-doux);font-size:0.875rem;line-height:1.5;margin:0}.demo__mesures[hidden]{display:none}.demo__notice{background:var(--demo-fond-doux);padding:var(--spacing-lg) 0}.demo__notice p,.demo__methode p{line-height:1.7;margin:0 0 var(--spacing-md);max-width:70ch}.demo__notice code{background:var(--color-white);border-radius:3px;padding:0 0.3em}.demo__methode{padding:var(--spacing-lg) 0 var(--spacing-xl)}.demo__mention{align-items:flex-start;background:var(--color-white);border-left:3px solid var(--color-yellow);border-radius:var(--radius-sm);color:var(--demo-texte-doux);display:flex;font-size:0.875rem;gap:var(--spacing-sm);line-height:1.5;margin:0;max-width:none;padding:var(--spacing-sm) var(--spacing-md)}.demo__mention[hidden]{display:none}.demo__mention .fa-solid{color:var(--color-blue);flex:none;line-height:1.5}.demo__suite{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--color-white);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.demo__suite[hidden]{display:none}.demo__suite-texte{font-size:1.0625rem;line-height:1.5;margin:0;max-width:55ch}.demo__suite-cta,.demo__suite-cta:visited{align-items:center;background:var(--color-yellow);border-radius:var(--radius-sm);color:var(--color-dark-blue);display:inline-flex;flex:none;font-weight:600;gap:var(--spacing-xs);padding:0.7rem 1.2rem;text-decoration:none;transition:var(--transition-default)}.demo__suite-cta[hidden]{display:none}.demo__suite-cta:hover,.demo__suite-cta:focus-visible{background:var(--color-white);color:var(--color-blue)}.demo__suite-cta:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@media (min-width:62rem){.demo-hero__title{font-size:2.75rem}.demo__grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo__grille[hidden]{display:none}}@media print{.demo-hero,.demo__exemple,.demo__lancement,.demo__etat,.demo__suite{display:none}.demo__masque,.demo__code{max-height:none;overflow:visible}}