/* Feuille du parcours (mise en production du 19 octobre 2026), produite depuis la feuille commune des maquettes par tools/migrer-parcours.mjs. */
#background-graph { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; }
body > *:not(canvas):not(#header-container) { position: relative; z-index: 1; }
.hero-section {
  position: relative; color: white; z-index: 1 !important;
  background: rgba(29,78,216,.8); /* charte des maquettes : #1d4ed8 à 80 %, sans flou */
}
#header-container { z-index: 999999 !important; }
.definition-card { background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%); }

/* Propre aux maquettes */
.maquette-band { background: #fef3c7; color: #92400e; }
.maquette-trou { background: #fef3c7; color: #92400e; border: 1px dashed #b45309; border-radius: .375rem; padding: .1rem .4rem; font-size: .8em; }
.essentiel-row { display: grid; grid-template-columns: 11rem 1fr; gap: 1rem; align-items: baseline; }
@media (max-width: 640px) { .essentiel-row { grid-template-columns: 1fr; gap: .15rem; } }
.porte { display: flex; flex-direction: column; }
.porte .question { color: #1d4ed8; font-weight: 600; }
.statut { display: inline-block; font-size: .7rem; font-weight: 600; padding: .05rem .45rem; border-radius: .25rem; vertical-align: middle; }
.statut-verifie { background: #dcfce7; color: #166534; }
.statut-secondaire { background: #e0e7ff; color: #3730a3; }
.statut-averifier { background: #fef3c7; color: #92400e; }
.courbe svg { width: 100%; height: auto; display: block; }
.courbe .trait { fill: none; stroke: #2563eb; stroke-width: 2.5; }
.courbe .moyenne { stroke: #b45309; stroke-width: 1.5; stroke-dasharray: 5 4; }
.courbe .axe { stroke: #cbd5e1; stroke-width: 1; }
.courbe text { font-size: 11px; fill: #475569; font-family: inherit; }
.menu-actif { color: #1d4ed8 !important; text-decoration: underline; text-underline-offset: 6px; }
a:focus-visible, summary:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 3px; }
@media (min-width: 1024px) { .portes-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
/* Pages sans logo dans le bandeau : le haut du dégradé est transparent, on y descend le texte */
.hero-page > div { padding-top: 6rem; padding-bottom: 5rem; }
/* Accueil : logo et statut hors de la bande ; la bande ne porte que les deux paragraphes (demande de Mikael, 19 octobre 2026) */
.accueil-entete { position: relative; z-index: 1; }
/* Bandes blanches de l'accueil : 30 % de transparence (demande de Mikael, 19 octobre 2026) */
.bande-blanche { background: rgba(255,255,255,.7); }
.hero-accueil > div { padding-top: 2.5rem; padding-bottom: 2.5rem; }

/* Accueil : bandeau bleu plus opaque, pour la lisibilité du texte (demande de Mikael, 18 octobre 2026) */
.hero-accueil {
  background: rgba(29,78,216,.8); /* #1d4ed8 à 80 % : contraste du texte blanc 4,5 (AA) sur le fond clair */
}
/* Même bandeau bleu sur les pages du parcours : couleur à 80 %, sans flou, bords nets (demande de Mikael, 19 octobre 2026) */
.bande-bleue { background: rgba(29,78,216,.8); }
.hero-page.bande-bleue > div { padding-top: 3rem; padding-bottom: 3rem; }