/* ==========================================================================
   Lien discret « ← Versions » présent dans chaque démo (phase de présentation)
   Styles volontairement isolés (préfixe .demo-switch, police système) afin de
   ne jamais interférer avec la charte de la démo qui l'inclut.
   À retirer, avec le lien HTML, lors de la mise en ligne de la version retenue.
   ========================================================================== */

.demo-switch {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 9999;
  padding: 7px 14px;
  border: 1px solid rgba(243, 238, 229, 0.18);
  border-radius: 2px;
  background-color: rgba(23, 23, 23, 0.82);
  color: #f3eee5;
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.55;
  transition: opacity 0.3s ease;
}

.demo-switch:hover,
.demo-switch:focus-visible {
  opacity: 1;
}

.demo-switch:focus-visible {
  outline: 1px solid #b89a68;
  outline-offset: 3px;
}

@media print {
  .demo-switch {
    display: none;
  }
}