/* DA « Fiche bristol × cahier Seyès » — oral-concours-atsem.pga-agent.fr (tâche t304).
   Un oral sans sujet ni préparation, travaillé avec le calme d'une fiche de révision.
   Papier blanc froid, encre violette, une marge rouge (une seule ligne par fiche), un seul surligneur
   jaune-vert réservé au temps et au prix. Titres en serif de livre, texte en sans système.
   Interdit : bleu-blanc-rouge, Marianne, dégradés décoratifs, ombres molles sur tout, emoji,
   majuscules espacées, coins arrondis au-delà de 6 px, plus d'une fiche penchée par page. */

/* ---------- 1. Jetons primitifs (repli hex puis OKLCH) ---------- */
:root{
  --papier:#f9fafe; --papier-2:#f1f0fb; --bristol:#fff; --ligne:#d7d4ee;
  --encre:#251c3c; --encre-2:#57506c; --violet:#5b3291; --violet-fonce:#44206f;
  --marge:#c8384b; --surligneur:#eef171; --surligneur-2:#dddf6b; --vert:#056641; --alerte:#a52b1e;
}
@supports (color:oklch(0% 0 0)){:root{
  --papier:oklch(98.5% .006 285); --papier-2:oklch(96% .014 290); --bristol:oklch(100% 0 0);
  --ligne:oklch(88% .035 290); --encre:oklch(25.5% .06 295); --encre-2:oklch(45% .045 295);
  --violet:oklch(42% .15 300); --violet-fonce:oklch(34% .13 300); --marge:oklch(56% .18 18);
  --surligneur:oklch(93% .15 110); --surligneur-2:oklch(88% .14 110); --vert:oklch(45% .1 160);
  --alerte:oklch(48% .16 30);
}}

/* ---------- 2. Jetons sémantiques (les composants n'utilisent que ceux-ci) ---------- */
:root{
  color-scheme:light;
  --c-fond:var(--papier); --c-surface:var(--bristol); --c-sourdine:var(--papier-2);
  --c-texte:var(--encre); --c-texte-2:var(--encre-2); --c-lien:var(--violet); --c-lien-survol:var(--violet-fonce);
  --c-action:var(--violet); --c-action-survol:var(--violet-fonce); --c-sur-action:var(--bristol);
  --c-trait:var(--ligne); --c-marge:var(--marge); --c-temps:var(--surligneur); --c-temps-2:var(--surligneur-2);
  --c-piste:var(--vert); --c-erreur:var(--alerte); --c-focus:var(--violet);

  --f-titre:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",P052,Georgia,"Noto Serif","DejaVu Serif",serif;
  --f-texte:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Lato,"Helvetica Neue",Arial,sans-serif;

  /* échelle fluide 320 → 1440 px, rapport ~1,2 → 1,28 */
  --t--1:clamp(.84rem,.81rem + .14vw,.94rem);
  --t-0:clamp(1rem,.96rem + .2vw,1.13rem);
  --t-1:clamp(1.17rem,1.1rem + .36vw,1.42rem);
  --t-2:clamp(1.38rem,1.24rem + .7vw,1.88rem);
  --t-3:clamp(1.7rem,1.43rem + 1.35vw,2.6rem);
  --t-4:clamp(2.05rem,1.6rem + 2.25vw,3.6rem);
  --t-chrono:clamp(3.4rem,2.4rem + 5vw,6.5rem);

  --e-1:.25rem; --e-2:.5rem; --e-3:.75rem; --e-4:1rem; --e-5:1.5rem; --e-6:2rem; --e-7:3rem; --e-8:4.5rem; --e-9:7rem;
  --r-fiche:3px; --r-bouton:6px;
  --ombre-fiche:0 1px 0 var(--c-trait),0 10px 24px -14px oklch(25% .06 295 / .35);
  --seyes:8px;           /* interligne Seyès (petit carreau) */
  --mesure:68ch;
  --duree:160ms; --courbe:cubic-bezier(.2,.8,.2,1);
}

/* ---------- 3. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--c-fond);color:var(--c-texte);font:400 var(--t-0)/1.6 var(--f-texte);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--f-titre);font-weight:600;color:var(--c-texte);margin:0 0 var(--e-4);text-wrap:balance}
h1{font-size:var(--t-4);line-height:1.06;letter-spacing:-.02em}
h2{font-size:var(--t-3);line-height:1.12;letter-spacing:-.015em}
h3{font-size:var(--t-1);line-height:1.25}
p,ul,ol,dl{margin:0 0 var(--e-4)}
ul,ol{padding-left:1.25em}
li+li{margin-top:var(--e-2)}
a{color:var(--c-lien);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--c-lien-survol);text-decoration-thickness:2px}
strong{font-weight:650}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:2px}
.cadre{width:min(100% - 2*var(--e-4),72rem);margin-inline:auto}
.prose{max-width:var(--mesure)}
.evitement{position:absolute;left:var(--e-2);top:-4rem;background:var(--c-action);color:var(--c-sur-action);padding:var(--e-2) var(--e-4);z-index:10}
.evitement:focus{top:var(--e-2)}
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 4. Bandeau « préparation indépendante » ---------- */
.bandeau-indep{background:var(--c-sourdine);color:var(--c-texte-2);font-size:var(--t--1);line-height:1.45;border-bottom:1px solid var(--c-trait)}
.bandeau-indep .cadre{display:flex;gap:var(--e-2);align-items:flex-start;padding-block:var(--e-2)}
.bandeau-indep svg{flex:none;margin-top:.2em;color:var(--c-lien)}
.bandeau-indep strong{color:var(--c-texte)}

/* ---------- 5. Barre de navigation ---------- */
.barre{background:var(--c-fond);border-bottom:1px solid var(--c-trait)}
.barre .cadre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-2) var(--e-5);padding-block:var(--e-3)}
.logo{display:inline-flex;align-items:center;gap:.55em;font:600 var(--t-1)/1 var(--f-titre);color:var(--c-texte);text-decoration:none;letter-spacing:-.01em}
.logo::before{content:"";width:1.05em;height:.78em;flex:none;background:var(--c-surface);border:1.5px solid var(--c-texte);border-left:3px solid var(--c-marge);border-radius:1px}
.logo:hover{color:var(--c-texte)}
.liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--e-4);font-size:var(--t--1)}
.liens li+li{margin:0}
.liens a{display:inline-block;padding:var(--e-1) 0;color:var(--c-texte);text-decoration:none;border-bottom:2px solid transparent}
.liens a:hover,.liens a[aria-current]{border-bottom-color:var(--c-marge)}

/* ---------- 6. Boutons ---------- */
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:3rem;padding:.7em 1.25em;
  font:600 var(--t-0)/1.2 var(--f-texte);text-align:center;text-decoration:none;cursor:pointer;
  background:var(--c-action);color:var(--c-sur-action);border:2px solid var(--c-action);border-radius:var(--r-bouton);
  transition:background-color var(--duree) var(--courbe),transform var(--duree) var(--courbe)}
.bouton:hover{background:var(--c-action-survol);border-color:var(--c-action-survol);color:var(--c-sur-action);text-decoration:none}
.bouton:active{transform:translateY(1px)}
.bouton .fleche{display:inline-flex;transition:transform var(--duree) var(--courbe)}
.bouton:hover .fleche{transform:translateX(3px)}
.bouton--trait{background:transparent;color:var(--c-action)}
.bouton--trait:hover{background:var(--c-sourdine);color:var(--c-action-survol)}
.actions{display:flex;flex-wrap:wrap;gap:var(--e-3);margin-top:var(--e-5)}

/* ---------- 7. Sections ---------- */
.lecture,.section{padding-block:var(--e-7)}
.section--sourdine{background:var(--c-sourdine);border-block:1px solid var(--c-trait)}
.section__tete{max-width:var(--mesure);margin-bottom:var(--e-6)}
.section__tete p{color:var(--c-texte-2)}
.aide{font-size:var(--t--1);color:var(--c-texte-2)}
.source{font-size:var(--t--1);color:var(--c-texte-2)}

/* ---------- 8. Accueil : héros ---------- */
.heros{padding-block:var(--e-6) var(--e-7);overflow:hidden}
.heros .cadre{display:grid;gap:var(--e-6);align-items:center}
.heros h1{max-width:16ch}
.chapeau{font-size:var(--t-1);line-height:1.5;color:var(--c-texte-2);max-width:40ch}
.heros__prix{font-size:var(--t--1);color:var(--c-texte-2);margin-top:var(--e-3)}

/* La fiche penchée : seul écart à la grille de la page */
.fiche-jury{position:relative;background:var(--c-surface);border-radius:var(--r-fiche);box-shadow:var(--ombre-fiche);
  padding:var(--e-5) var(--e-5) var(--e-5) calc(var(--e-5) + 14px);transform:rotate(-1.4deg);max-width:30rem;justify-self:center;width:100%}
.fiche-jury::before{content:"";position:absolute;inset:0 auto 0 calc(var(--e-5) - 2px);width:2px;background:var(--c-marge);opacity:.85}
.fiche-jury__qui{font-size:var(--t--1);color:var(--c-texte-2);margin:0 0 var(--e-2)}
.fiche-jury__q{font:600 var(--t-2)/1.22 var(--f-titre);margin:0 0 var(--e-4)}
.fiche-jury__lignes{height:calc(var(--seyes)*8);margin:0 0 var(--e-4);
  background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--seyes) - 1px),var(--c-trait) calc(var(--seyes) - 1px) var(--seyes))}
.fiche-jury__pied{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-2);align-items:center;font-size:var(--t--1);color:var(--c-texte-2);margin:0}
.puce-temps{display:inline-flex;align-items:center;gap:.4em;background:var(--c-temps);color:var(--c-texte);font-weight:650;
  font-variant-numeric:tabular-nums;padding:.2em .6em;border-radius:2px}

/* ---------- 9. Frises de durée (externe / interne) ---------- */
.frises{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-5);margin:0 0 var(--e-5);padding:0;list-style:none}
.frises li+li{margin:0}
.frise__titre{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-2);margin:0 0 var(--e-2)}
.frise__titre strong{font-family:var(--f-titre);font-size:var(--t-1)}
.frise__duree{font-variant-numeric:tabular-nums;color:var(--c-texte-2)}
.frise__barre{display:flex;height:2.5rem;border:1.5px solid var(--c-texte);border-radius:2px;background:var(--c-surface);overflow:hidden}
.frise__seg{display:flex;align-items:center;padding-inline:var(--e-2);font-size:var(--t--1);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.frise__seg--entretien{flex:1 1 0;background:repeating-linear-gradient(to bottom,transparent 0 7px,var(--c-trait) 7px 8px)}
.frise__seg--expose{background:var(--c-temps);border-right:1.5px solid var(--c-texte)}
.frise__seg--vide{flex:0 0 25%;background:var(--c-sourdine);border-left:1.5px dashed var(--c-trait)}
.frise__note{font-size:var(--t--1);color:var(--c-texte-2);margin:var(--e-2) 0 0}

/* ---------- 10. Sommaire du kit (lignes de cahier) ---------- */
.sommaire{list-style:none;padding:0;margin:0;border-top:1.5px solid var(--c-texte)}
.sommaire li{display:grid;grid-template-columns:4.2rem 1fr;gap:var(--e-4);padding-block:var(--e-4);border-bottom:1px solid var(--c-trait);margin:0}
.sommaire__nb{font:600 var(--t-3)/1 var(--f-titre);font-variant-numeric:lining-nums;color:var(--c-lien)}
.sommaire h3{margin:0 0 var(--e-1)}
.sommaire p{margin:0;color:var(--c-texte-2)}

/* ---------- 11. Carte question / réponse repliable ---------- */
.questions{display:grid;gap:var(--e-4);margin:0;padding:0;list-style:none}
.questions>li+li{margin:0}
.qr{position:relative;background:var(--c-surface);border-radius:var(--r-fiche);box-shadow:var(--ombre-fiche)}
.qr::before{content:"";position:absolute;top:0;bottom:0;left:var(--e-4);width:2px;background:var(--c-marge);opacity:.8}
.qr summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:var(--e-2) var(--e-3);
  padding:var(--e-4) var(--e-4) var(--e-4) calc(var(--e-4) + 16px);border-radius:var(--r-fiche)}
.qr summary::-webkit-details-marker{display:none}
.qr__theme{grid-column:1/-1;font-size:var(--t--1);color:var(--c-lien);font-weight:600}
.qr__q{font:600 var(--t-1)/1.3 var(--f-titre);color:var(--c-texte)}
.qr__ouvrir{align-self:start;display:inline-flex;align-items:center;gap:.35em;font-size:var(--t--1);font-weight:600;color:var(--c-lien);white-space:nowrap;padding-top:.15em}
.qr__ouvrir::after{content:"";width:.9em;height:.9em;flex:none;
  background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;
  transition:transform var(--duree) var(--courbe)}
.qr[open] .qr__ouvrir::after{transform:rotate(45deg)}
.qr__ouvrir .ferme{display:none}
.qr[open] .qr__ouvrir .ouvre{display:none}
.qr[open] .qr__ouvrir .ferme{display:inline}
.qr summary:hover .qr__q{color:var(--c-lien-survol)}
.qr__corps{padding:var(--e-2) var(--e-4) var(--e-5) calc(var(--e-4) + 16px);border-top:1px dashed var(--c-trait)}
.qr[open] .qr__corps{animation:deplier var(--duree) var(--courbe)}
@keyframes deplier{from{opacity:0;transform:translateY(-4px)}}
.etiquette{display:block;font-size:var(--t--1);font-weight:700;margin:var(--e-4) 0 var(--e-2)}
.etiquette--piste{color:var(--c-piste)}
.etiquette--eviter{color:var(--c-marge)}
.qr__corps ul,.qr__corps ol{margin-bottom:0}
.qr__corps li::marker{color:var(--c-texte-2)}
.qr__corps .source{margin:var(--e-4) 0 0}

/* ---------- 12. Carte mise en situation ---------- */
.situation{background:var(--c-surface);border:1.5px solid var(--c-texte);border-radius:var(--r-fiche);overflow:hidden}
.situation__tete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e-2);padding:var(--e-3) var(--e-4);
  border-bottom:1.5px solid var(--c-texte);background:var(--c-sourdine);font-size:var(--t--1)}
.situation__tete strong{color:var(--c-lien)}
.situation__enonce{margin:0;padding:var(--e-5) var(--e-4);font:500 var(--t-1)/1.45 var(--f-titre);border-bottom:1px solid var(--c-trait)}
.situation__enonce p{margin:0}
.situation__enonce p::before{content:"«\00a0"}
.situation__enonce p::after{content:"\00a0»"}
.situation__corps{padding:var(--e-2) var(--e-4) var(--e-5)}
.situation__evalue{border-left:3px solid var(--c-temps-2);padding-left:var(--e-3);margin:var(--e-4) 0}
.demarche{list-style:none;counter-reset:etape;padding:0;margin:0}
.demarche li{counter-increment:etape;display:grid;grid-template-columns:2rem 1fr;gap:var(--e-3);margin:0;padding-block:var(--e-2);border-bottom:1px dashed var(--c-trait)}
.demarche li::before{content:counter(etape);font:600 var(--t-1)/1.3 var(--f-titre);color:var(--c-lien);font-variant-numeric:tabular-nums}

/* ---------- 13. Minuteur d'oral blanc ---------- */
.minuteur{background:var(--encre);color:var(--bristol);border-radius:var(--r-fiche);padding:var(--e-5) var(--e-4);max-width:40rem}
.minuteur h3{color:var(--bristol);margin-bottom:var(--e-3)}
.minuteur__voies{display:flex;flex-wrap:wrap;gap:var(--e-2);margin:0 0 var(--e-4);padding:0;border:0}
.minuteur__voies legend{font-size:var(--t--1);margin-bottom:var(--e-2);padding:0}
.minuteur__voies label{position:relative;cursor:pointer}
.minuteur__voies input{position:absolute;opacity:0;width:1px;height:1px}
.minuteur__voies span{display:inline-block;padding:.45em .9em;border:1.5px solid var(--bristol);border-radius:var(--r-bouton);font-size:var(--t--1);font-weight:600}
.minuteur__voies input:checked+span{background:var(--surligneur);color:var(--encre);border-color:var(--surligneur)}
.minuteur__voies input:focus-visible+span{outline:3px solid var(--surligneur);outline-offset:3px}
.minuteur__cadran{font:600 var(--t-chrono)/1 var(--f-texte);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--surligneur);margin:0 0 var(--e-2)}
.minuteur__phase{font-size:var(--t-0);margin:0 0 var(--e-4);min-height:1.6em}
.minuteur__piste{position:relative;height:.75rem;background:oklch(36% .06 295);border-radius:1px;margin:0 0 var(--e-5);overflow:hidden}
.minuteur__fait{position:absolute;inset:0 auto 0 0;width:0;background:var(--surligneur);transition:width .3s linear}
.minuteur__repere{position:absolute;top:0;bottom:0;width:2px;background:var(--bristol)}
.minuteur__boutons{display:flex;flex-wrap:wrap;gap:var(--e-2)}
.minuteur .bouton{background:var(--surligneur);color:var(--encre);border-color:var(--surligneur)}
.minuteur .bouton:hover{background:var(--surligneur-2);border-color:var(--surligneur-2);color:var(--encre)}
.minuteur .bouton--trait{background:transparent;color:var(--bristol);border-color:var(--bristol)}
.minuteur .bouton--trait:hover{background:oklch(36% .06 295);color:var(--bristol)}
.minuteur :focus-visible{outline-color:var(--surligneur)}

/* ---------- 14. Bloc prix ---------- */
.prix{position:relative;background:var(--c-surface);border:1.5px solid var(--c-texte);border-radius:var(--r-fiche);padding:var(--e-5) var(--e-4);max-width:34rem}
.prix__montant{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--e-2) var(--e-3);margin:0 0 var(--e-1)}
.prix__ttc{font:600 var(--t-4)/1 var(--f-titre);letter-spacing:-.02em;background:linear-gradient(transparent 58%,var(--c-temps) 58% 92%,transparent 92%);padding-inline:.06em}
.prix__mention{font-weight:650}
.prix__detail{font-size:var(--t--1);color:var(--c-texte-2);margin:0 0 var(--e-5)}
.prix__liste{list-style:none;padding:0;margin:0 0 var(--e-5)}
.prix__liste li{position:relative;padding-left:1.6em}
.prix__liste li::before{content:"";position:absolute;left:.1em;top:.42em;width:.8em;height:.45em;border-left:2px solid var(--c-piste);border-bottom:2px solid var(--c-piste);transform:rotate(-45deg)}
.prix .bouton{width:100%}
.prix__note{font-size:var(--t--1);color:var(--c-texte-2);margin:var(--e-3) 0 0}

/* ---------- 15. FAQ ---------- */
.faq{border-top:1.5px solid var(--c-texte);max-width:var(--mesure)}
.faq details{border-bottom:1px solid var(--c-trait)}
.faq summary{cursor:pointer;padding:var(--e-4) 0;font:600 var(--t-1)/1.3 var(--f-titre);list-style-position:outside}
.faq details p{margin:0 0 var(--e-4);color:var(--c-texte-2)}

/* ---------- 16. Composants du squelette (commande, alertes) ---------- */
.carte{background:var(--c-surface);border:1px solid var(--c-trait);border-left:3px solid var(--c-marge);border-radius:var(--r-fiche);padding:var(--e-4)}
.carte dt{font-weight:700}
.carte dd{margin:0 0 var(--e-3)}
.attente{background:var(--c-sourdine);border-left:3px solid var(--c-lien);padding:var(--e-3) var(--e-4)}
.alerte{background:var(--c-surface);border:1.5px solid var(--c-erreur);color:var(--c-erreur);padding:var(--e-3) var(--e-4);border-radius:var(--r-fiche)}
.renonce{display:flex;gap:var(--e-3);align-items:flex-start;margin:var(--e-4) 0}
.renonce input{width:1.35rem;height:1.35rem;flex:none;margin-top:.15em;accent-color:var(--violet)}

/* ---------- 17. Pied de page ---------- */
.pied{background:var(--c-sourdine);border-top:1.5px solid var(--c-texte);padding-block:var(--e-6) var(--e-7);font-size:var(--t--1);color:var(--c-texte-2)}
.pied ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--e-2) var(--e-5)}
.pied li+li{margin:0}
.pied a{color:var(--c-texte)}

/* ---------- 18. Grands écrans ---------- */
@media (min-width:48rem){
  .cadre{width:min(100% - 2*var(--e-6),72rem)}
  .section,.lecture{padding-block:var(--e-8)}
  .frises{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-6)}
  .questions{grid-template-columns:1fr 1fr;align-items:start}
  .sommaire{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--e-6)}
  .bandeau-indep .cadre{align-items:center}
}
@media (min-width:64rem){
  .heros{padding-block:var(--e-8) var(--e-9)}
  .heros .cadre{grid-template-columns:1.15fr .85fr;gap:var(--e-8)}
  .fiche-jury{justify-self:end}
  .deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-7);align-items:start}
}
.deux-colonnes>*+*{margin-top:var(--e-7)}
@media (min-width:64rem){.deux-colonnes>*+*{margin-top:0}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{
  .barre,.bandeau-indep,.minuteur,.pied,.actions{display:none}
  .qr__corps{display:block!important}
  body{background:#fff}
}

.minuteur__reglages{display:flex;flex-wrap:wrap;gap:var(--e-3);margin:0 0 var(--e-4)}
.minuteur__reglages label{display:grid;gap:var(--e-1);font-size:var(--t--1)}
.minuteur__reglages input{width:6.5rem;min-height:2.75rem;font:inherit;font-size:var(--t-0);color:var(--encre);background:var(--bristol);border:1.5px solid var(--bristol);border-radius:var(--r-bouton);padding:.3em .6em}
.minuteur__reglages input:focus-visible{outline:3px solid var(--surligneur);outline-offset:3px}
.minuteur__aide{font-size:var(--t--1);opacity:.92;margin:var(--e-4) 0 0}
.minuteur--alerte{box-shadow:0 0 0 6px var(--surligneur)}
.minuteur--alerte .minuteur__cadran{animation:clignote .5s steps(2,start) 6}
.minuteur--fin .minuteur__cadran{color:var(--bristol)}
@keyframes clignote{to{visibility:hidden}}
@media (min-width:64rem){.colle{position:sticky;top:var(--e-4)}}
.situations{display:grid;gap:var(--e-5);margin-top:var(--e-6)}
@media (min-width:64rem){.situations{grid-template-columns:1fr 1fr;align-items:start}}
.situation__plus{border-top:1px dashed var(--c-trait)}
.situation__plus>summary{cursor:pointer;padding:var(--e-3) var(--e-4);font-weight:650;color:var(--c-lien)}
.situation__plus>summary:hover{color:var(--c-lien-survol)}
.toc{background:var(--c-surface);border:1px solid var(--c-trait);border-left:3px solid var(--c-marge);border-radius:var(--r-fiche);padding:var(--e-4) var(--e-5);margin:var(--e-5) 0 0;max-width:var(--mesure)}
.toc p{margin:0 0 var(--e-2);font-weight:650}
.toc ol{margin:0}
.article h2{margin-top:var(--e-7)}
.article h2:first-child{margin-top:0}
.appel-bas{display:grid;gap:var(--e-6);align-items:start}
@media (min-width:64rem){.appel-bas{grid-template-columns:1.1fr .9fr}}
.espace-nav{display:flex;flex-wrap:wrap;gap:var(--e-2);list-style:none;padding:0;margin:0 0 var(--e-5)}
.espace-nav li+li{margin:0}
.espace-nav a{display:inline-block;padding:.45em .9em;border:1.5px solid var(--c-trait);border-radius:var(--r-bouton);text-decoration:none;background:var(--c-surface)}
.espace-nav a[aria-current]{border-color:var(--c-texte);font-weight:650}
.themes{columns:16rem;column-gap:var(--e-6);margin:0 0 var(--e-6)}
.themes li{break-inside:avoid}
.theme-titre{margin:var(--e-7) 0 var(--e-4);scroll-margin-top:var(--e-4)}
.formulaire{display:grid;gap:var(--e-4);max-width:36rem}
.champ{display:grid;gap:var(--e-1)}
.champ label{font-weight:650}
.champ input,.champ textarea{font:inherit;color:var(--c-texte);background:var(--c-surface);border:1.5px solid var(--encre-2);border-radius:var(--r-bouton);padding:.6em .75em;width:100%}
.champ textarea{min-height:10rem;resize:vertical}
.champ input:focus-visible,.champ textarea:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
.champ .erreur{color:var(--c-erreur);font-weight:650;margin:0}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ok{background:var(--c-surface);border-left:3px solid var(--c-piste);padding:var(--e-3) var(--e-4)}
dl.legal dt{font-weight:650;margin-top:var(--e-3)}dl.legal dd{margin:0}
.cgv h2{font-size:var(--t-2);margin-top:var(--e-6)}
:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}