/* Regole editoriali condivise per le pagine di indagine */

/* Standard condiviso per le tabelle usate nei dossier: su schermi stretti
   la tabella resta leggibile e scorre orizzontalmente senza allargare la pagina. */
.table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 22px 0;
  -webkit-overflow-scrolling: touch;
}

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

/* Dossier Vannacci: usa la foto scelta dall'editore al posto della precedente elaborazione. */
.article-hero img[src="assets/vannacci-dossier.png"] {
  content: url("https://upload.wikimedia.org/wikipedia/commons/3/39/Roberto_Vannacci.jpg");
  object-position: center 32%;
}

@media (min-width: 761px) {
  .article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1040px);
    justify-content: center;
    gap: clamp(30px, 4vw, 56px);
  }

  /* Le sidebar non devono restringere il testo dell'indagine. */
  .article-layout:has(> .article-sidebar) {
    grid-template-columns: minmax(0, 1040px);
  }

  .article-layout:has(> .article-sidebar) .article-sidebar {
    position: static;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
    margin-top: 4px;
  }

  .article-layout:has(> .article-sidebar) .sidebar-box {
    height: 100%;
  }

  .article-body {
    width: 100%;
    max-width: 1040px;
    font-size: 1.28rem;
    line-height: 1.78;
  }

  .article-thesis {
    width: 100%;
    padding: 24px 28px;
  }

  .article-thesis strong {
    font-size: 1.42rem;
    line-height: 1.38;
  }

  .data-table {
    font-size: .95rem;
  }

  .data-table th,
  .data-table td {
    padding: 13px 12px;
  }

  .sources {
    font-size: .95rem;
    line-height: 1.6;
  }
}

@media (max-width: 760px) {
  .article-body {
    font-size: 1.08rem;
    line-height: 1.72;
  }

  /* Regola editoriale mobile: la copertina non deve spingere l'indagine troppo in basso. */
  .article-hero {
    margin-top: 14px;
    margin-bottom: 18px;
  }

  .article-hero img {
    width: 100%;
    height: 230px;
    max-height: 230px;
    object-fit: cover;
  }

  .article-thesis {
    width: 100%;
    padding: 18px 16px;
  }

  .article-thesis strong {
    font-size: 1.22rem;
  }

  .data-table {
    font-size: .9rem;
  }

  .table-wrap table {
    min-width: 620px;
  }
}