/* ── PILL TOGGLE — switcher monde rouge / monde bleu ── */
.pill-toggle {
  position: fixed;
  left: 22px;
  bottom: 22px;
  z-index: 80;
  display: flex;
  gap: 9px;
  align-items: center;
  background: rgba(7,2,3,0.8);
  border: 1px solid var(--border, rgba(132,26,26,0.45));
  padding: 9px 11px;
  backdrop-filter: blur(6px);
}

.pill-toggle .lab {
  font-size: .6rem;
  letter-spacing: .14em;
  color: var(--muted, #9a7d7d);
  text-transform: uppercase;
}

/* pastilles */
.pill-toggle a,
.pill-toggle .p {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  text-decoration: none;
}

/* rouge = académique */
.pill-toggle .pill-red,
.pill-toggle .p.red {
  background: #ff2040;
  box-shadow: 0 0 12px #ff2040;
  transform: scale(1.15);
}

/* bleu = professionnel */
.pill-toggle .pill-blue,
.pill-toggle .p.blue {
  background: #2e7bd2;
}

.pill-toggle .pill-blue:hover,
.pill-toggle .p.blue:hover {
  box-shadow: 0 0 12px #2e7bd2;
  transform: scale(1.15);
}

/* état actif (page courante) */
.pill-toggle a.active {
  box-shadow: 0 0 14px currentColor;
  transform: scale(1.15);
}