/**
 * Tableau national des prix — servi hors du corpus (accueil).
 *
 * Feuille séparée et minuscule : market-page.css fait 1500 lignes et n'est
 * chargée que sur les pages de marché et la page de prix. Charger tout ça
 * pour un tableau de vingt lignes sur l'accueil aurait coûté plus que le
 * bloc ne rapporte. Les jetons sont repris à l'identique du thème.
 */

.tv-nat-table {
    max-width: 860px;
    margin: 0 auto;
    font-family: inherit;
}

.tv-nat-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.8rem;
    font-weight: 700;
    color: #16a085;
    text-align: center;
    margin: 0 0 12px;
}

.tv-nat-title {
    text-align: center;
    color: #2c3e50;
    margin: 0 0 12px;
}

.tv-nat-lead {
    text-align: center;
    color: #7f8c8d;
    line-height: 1.6;
    margin: 0 auto 28px;
    max-width: 620px;
}

.tv-nat-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.tv-nat-grid th,
.tv-nat-grid td {
    padding: 10px 14px;
    border-bottom: 1px solid #e8ecef;
    text-align: left;
}

.tv-nat-grid thead th {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7f8c8d;
    font-weight: 700;
    border-bottom-width: 2px;
}

.tv-nat-grid .num {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.tv-nat-grid tbody th {
    font-weight: 600;
    color: #2c3e50;
}

.tv-nat-grid tbody tr:hover { background: #f8fbfa; }

.tv-nat-grid a {
    color: #16a085;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.tv-nat-grid a:hover { border-bottom-color: currentColor; }

/* La variation est un CHIFFRE SIGNÉ, pas une couleur seule : une flèche ou
   un vert ne se lisent pas en niveaux de gris ni pour un daltonien. Le signe
   porte l'information, la couleur ne fait que l'appuyer. */
.tv-nat-delta { font-weight: 600; }
.tv-nat-delta--up { color: #0E7C5A; }
.tv-nat-delta--down { color: #C0392B; }
.tv-nat-delta--flat { color: #7f8c8d; }

/* Un district sans historique affiche un tiret, jamais « 0 % » : ne pas
   savoir n'est pas la même chose que ne pas bouger. */
.tv-nat-na { color: #b2bec3; }

.tv-nat-more {
    text-align: center;
    margin: 22px 0 0;
}
.tv-nat-more a {
    color: #16a085;
    font-weight: 600;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .tv-nat-grid th,
    .tv-nat-grid td { padding: 9px 8px; }
    .tv-nat-grid { font-size: 0.88rem; }
}