/* Bandeau « nouvelle version » en haut des pages, et dessin de la page d'aide sur la mise à jour automatique
   (bandeau-maj/poser.py). Couleurs et polices de site.css, avec des valeurs de repli si elle manque. */
.bandeau-maj {
  background: var(--marine, #0c2240);
  color: var(--blanc, #ffffff);
  font-family: var(--f-ui, 'Segoe UI', sans-serif);
  font-size: 0.98rem;
  line-height: 1.45;
}
.bandeau-maj-ligne {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding-block: 9px;
}
.bandeau-maj-pastille {
  flex: none;
  background: var(--or-clair, #ffba42);
  color: var(--marine, #0c2240);
  font-weight: 700;
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 999px;
}
.bandeau-maj-texte { margin: 0; flex: 1 1 32ch; }
.bandeau-maj-texte strong { font-weight: 700; }
.bandeau-maj-action, .bandeau-maj-lien {
  color: var(--or-clair, #ffba42);
  font-weight: 600;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.bandeau-maj-action::after { content: " \2192"; }
.bandeau-maj-lien { color: var(--texte-nuit, #c9d6e4); font-weight: 500; }
.bandeau-maj-action:hover, .bandeau-maj-lien:hover { color: #ffc85f; }
@media (max-width: 600px) {
  .bandeau-maj { font-size: 0.92rem; }
  .bandeau-maj-ligne { padding-block: 8px; gap: 4px 12px; }
}
@media print { .bandeau-maj { display: none; } }

/* Dessin simplifié de la page d'Amazon (page d'aide) : pas une capture d'écran, seulement les mots à repérer. */
.maj-schema {
  font-family: var(--f-ui, 'Segoe UI', sans-serif);
  border: 1px solid var(--givre, #dce5ee);
  border-radius: var(--rayon-petit, 14px);
  background: var(--neige, #f3f6f9);
  padding: 14px 16px;
  display: grid;
  gap: 10px;
}
.maj-schema p { margin: 0; }
.maj-schema-titre { font-weight: 700; font-size: 1.05rem; color: var(--marine, #0c2240); }
.maj-schema-onglets { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--givre, #dce5ee); padding-bottom: 8px; }
.maj-schema-onglets span { padding: 3px 10px; border-radius: 8px; color: var(--texte-doux, #4b5d73); }
.maj-schema-onglets .choisi { background: var(--blanc, #ffffff); color: var(--marine, #0c2240); font-weight: 700; box-shadow: inset 0 -3px 0 var(--or, #e89614); }
.maj-schema-section { font-weight: 700; color: #b4560b; }
.maj-schema-ligne { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; color: var(--texte, #0c2240); }
.maj-schema-liste {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid #9aa9b9; border-radius: 8px; background: var(--blanc, #ffffff);
  padding: 2px 10px; font-weight: 700; font-size: 0.9rem;
  box-shadow: 0 0 0 3px var(--or-clair, #ffba42);
}
.maj-schema-note { font-family: var(--f-ui, 'Segoe UI', sans-serif); font-size: 0.9rem; color: var(--texte-doux, #4b5d73); }