/* ===== Lisibilité forte ===== */
:root{
  --bg:#fff; --fg:#1b1f24; --line:#e6e7eb; --stripe:#fafbfc;
}
.table-wrap{max-width: 1280px; margin: 2rem auto; padding: 0 1.25rem;}

.table-lecture{
  width:100%;
  border-collapse: separate;
  border-spacing:0;
  table-layout: auto;                 /* laisse le contenu respirer */
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  font-size:1.05rem;                  /* + lisible */
  line-height:1.7;                    /* + lisible */
}

.table-lecture thead th{
  text-align:left;
  font-weight:800;
  padding:1.1rem 1rem;
  border-bottom:1px solid var(--line);
  background:var(--bg);
}

.table-lecture td{
  padding:1rem 1rem 1.1rem;
  vertical-align:top;
  border-bottom:1px solid var(--line);
  hyphens:auto;                       /* césure auto */
  word-break:normal;                  /* évite les cassures moches */
}

.table-lecture tbody tr:nth-child(odd){background:var(--stripe);}
.table-lecture tbody tr:hover{background:rgba(0,0,0,.03);}

/* Texte interne des cellules (si tu mets des <p>) */
.table-lecture td p{margin:.35rem 0;}

/* Version écran étroit : cartes (facultatif) */
@media (max-width: 900px){
  .table-lecture, .table-lecture thead, .table-lecture tbody,
  .table-lecture th, .table-lecture td, .table-lecture tr{display:block;width:100%;}
  .table-lecture thead{display:none;}
  .table-lecture tr{margin:.8rem 0;border:1px solid var(--line);border-radius:10px;background:#fff;}
  .table-lecture td{border:none;padding:.75rem .9rem;}
  .table-lecture td::before{
    content: attr(data-label);
    display:block; font-size:.82rem; opacity:.7; margin-bottom:.2rem;
  }
}