@media (max-width: 700px) {
  .nti-tw th, .nti-tw td { padding: 8px 7px; overflow-wrap: anywhere; hyphens: auto; }
  .nti-tw table { font-size: 0.85rem; }
  .nti-tw tbody th { width: auto; }
  .nti-tw:has(thead th:nth-child(4)) > table { min-width: 560px; }
  .nti-tw:has(thead th:nth-child(4))::before,
  .hpr-tw::before { content: "Faites défiler le tableau vers la droite"; display: block; font-size: 0.8rem; font-weight: 700; color: var(--ink-faible); margin: 0 0 8px; }
  .nti-tw:has(thead th:nth-child(4)), .hpr-tw { background: linear-gradient(to left, oklch(70% 0.02 80 / .45), transparent) right center / 22px 100% no-repeat; background-attachment: scroll; }
}