/* Correzioni dedicate all'indagine sull'Articolo 68 */

.article-page .article-layout > .article-body:only-child {
  grid-column: 1 / -1;
  width: min(100%, 880px);
  max-width: 880px;
  justify-self: center;
}

.article-page .article-body {
  font-size: 1.17rem;
  line-height: 1.72;
}

.article-page .article-figure {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 30px auto;
}

.article-page .article-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

.article-page .article-figure figcaption {
  margin: 8px 0 0;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  line-height: 1.4;
}

.article-page .table-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 24px 0 30px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.article-page .article-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .84rem;
  line-height: 1.35;
}

.article-page .article-table th,
.article-page .article-table td {
  padding: 10px 11px;
  border-bottom: 1px solid rgba(40, 33, 23, .38);
  text-align: left;
  vertical-align: top;
  overflow-wrap: break-word;
}

.article-page .article-table th {
  background: var(--ink);
  color: var(--paper-light);
  text-transform: uppercase;
  letter-spacing: .03em;
}

.article-page .article-table th:nth-child(1),
.article-page .article-table td:nth-child(1) { width: 22%; }
.article-page .article-table th:nth-child(2),
.article-page .article-table td:nth-child(2) { width: 23%; }
.article-page .article-table th:nth-child(3),
.article-page .article-table td:nth-child(3) { width: 55%; }

@media (max-width: 760px) {
  .article-page,
  .article-page .article-layout,
  .article-page .article-body,
  .article-page .article-figure,
  .article-page .table-wrap {
    min-width: 0;
    max-width: 100%;
  }

  .article-page .article-layout > .article-body:only-child {
    width: 100%;
    max-width: 100%;
  }

  .article-page .article-body {
    font-size: 1.03rem;
    line-height: 1.68;
  }

  .article-page .article-figure {
    margin: 24px 0;
  }

  .article-page .article-figure img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .article-page .article-figure figcaption {
    font-size: .69rem;
  }

  .article-page .table-wrap {
    margin: 20px 0 26px;
    overflow-x: auto;
  }

  .article-page .article-table {
    width: 640px;
    min-width: 640px;
    max-width: none;
    table-layout: auto;
    font-size: .78rem;
  }

  .article-page .article-table th,
  .article-page .article-table td {
    padding: 9px;
    overflow-wrap: normal;
  }
}