/* NWS V4 — allowlist auditée, tableaux mobiles uniquement.
   Aucun sélecteur de tableau non ciblé, aucune règle desktop. */
@media screen and (max-width: 767px) {
  .nws-site main .nws-v4-mobile-active > .nws-v3-table-tools {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--nws-v4-hint-color, #526071);
  }
  .nws-site main .nws-v4-mobile-active .nws-v3-table-controls {
    display: none !important;
  }
  .nws-site main .nws-v4-mobile-active .nws-v3-table-hint {
    flex: none;
    margin: 0;
    padding: 0;
    color: var(--nws-v4-hint-color, #526071);
    font: 400 14px/1.5 var(--nws-body, sans-serif);
    text-transform: none;
    letter-spacing: 0;
  }
  .nws-site main .nws-v4-mobile-active > .nws-v3-table-region {
    position: relative;
    isolation: isolate;
    overflow-x: auto;
    max-inline-size: 100%;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .nws-site main .nws-v4-mobile-active > .nws-v3-table-region::-webkit-scrollbar {
    height: 6px;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-sticky-label {
    position: sticky !important;
    z-index: 2;
    background-color: var(--nws-v4-cell-bg) !important;
    background-clip: padding-box;
    box-shadow: var(--nws-v4-label-shadow, 2px 0 0 rgba(91, 114, 139, .3));
  }
  .nws-site main .nws-v4-mobile-active.nws-v4-ltr .nws-v4-sticky-label {
    left: 0 !important;
    right: auto !important;
  }
  .nws-site main .nws-v4-mobile-active.nws-v4-rtl .nws-v4-sticky-label {
    right: 0 !important;
    left: auto !important;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-target :is(th, td),
  .nws-site main .nws-v4-mobile-active .nws-v4-target .nws-compare-row > * {
    box-sizing: border-box;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  /* Comparatifs audit és : conserver des lignes/colonnes, jamais des cartes.
     Même grille sur toutes les lignes et aperçu de la colonne suivante. */
  .nws-site main .nws-v4-mobile-active .nws-v4-target.nws-v4-reading .nws-compare-row {
    grid-template-columns: var(--nws-v4-first) repeat(var(--nws-v4-following), var(--nws-v4-data)) !important;
    inline-size: var(--nws-v4-total) !important;
    min-inline-size: var(--nws-v4-total) !important;
    min-width: var(--nws-v4-total) !important;
    gap: 8px;
    align-items: stretch;
    padding-block: 0;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-reading .nws-compare-row > * {
    align-self: stretch;
    margin-block: 0;
    padding: 14px 8px;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-target.nws-v4-balanced {
    table-layout: fixed !important;
    inline-size: var(--nws-v4-total) !important;
    width: var(--nws-v4-total) !important;
    min-inline-size: var(--nws-v4-total) !important;
    min-width: var(--nws-v4-total) !important;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-balanced :is(th, td) {
    width: var(--nws-v4-data) !important;
  }
  .nws-site main .nws-v4-mobile-active .nws-v4-balanced .nws-v4-sticky-label {
    width: var(--nws-v4-first) !important;
  }
}
