[data-bs-theme="dark"] .mot-corrige {
  background-color: #1a4d33;
  border-bottom: 2px solid #28a745;
  color: #d1e7dd;
}
[data-bs-theme="light"] .mot-corrige,
:root .mot-corrige {
  background-color: #d1e7dd;
  border-bottom: 2px solid #198754;
  color: #0f5132;
}

[data-bs-theme="dark"] .mot-inconnu {
  background-color: #4d1a1f;
  border-bottom: 2px solid #dc3545;
  color: #f8d7da;
}
[data-bs-theme="light"] .mot-inconnu,
:root .mot-inconnu {
  background-color: #f8d7da;
  border-bottom: 2px solid #dc3545;
  color: #842029;
}

.mot-corrige, .mot-inconnu {
  border-radius: 3px;
  padding: 0 2px;
  cursor: help;
}

#annotated-output {
  white-space: pre-wrap;
  word-wrap: break-word;
}

#btn-theme {
  transition: transform 0.2s ease;
}
#btn-theme:active {
  transform: rotate(20deg);
}

@media (max-width: 576px) {
  #annotated-output { font-size: 1rem !important; }
  .navbar-brand small { display: block; font-size: 0.7rem; }
  .btn-group.flex-wrap .btn { font-size: 0.85rem; }
}