/* Tabelle dentro i testi (articoli, pagine legali, citta').
   Le regole arrivano dal tema precedente, rivestite con i colori nuovi:
   senza di queste le tabelle degli articoli perdevano griglia e, su telefono,
   spingevano la pagina a scorrere di lato. */
.d2 .blog-article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px;line-height:1.5;
  background:var(--carta);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(58,53,50,.08)}
.d2 .blog-article-body thead th{background:var(--dom);color:#fff;font:600 14.5px Outfit,sans-serif;text-align:left;letter-spacing:.01em}
.d2 .blog-article-body th,.d2 .blog-article-body td{border:1px solid var(--linea);padding:12px 14px;vertical-align:top}
.d2 .blog-article-body tbody tr:nth-child(even){background:var(--tint)}
.d2 .blog-article-body tbody tr:hover{background:color-mix(in srgb,var(--tint) 70%,var(--dom) 6%)}
.d2 .blog-article-body td strong{color:var(--ink)}

@media (max-width:640px){
  /* la tabella scorre dentro se stessa, la pagina no */
  .d2 .blog-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
  .d2 .blog-article-body table thead,.d2 .blog-article-body table tbody{display:table;width:100%;min-width:540px}
  .d2 .blog-article-body th,.d2 .blog-article-body td{padding:10px 11px;font-size:14px}

  /* variante a schede: ogni riga diventa un riquadro, niente scorrimento */
  .d2 .blog-article-body table.stacked{display:block;overflow:visible;background:transparent;box-shadow:none}
  .d2 .blog-article-body table.stacked thead{display:none}
  .d2 .blog-article-body table.stacked tbody{display:block;width:auto;min-width:0}
  .d2 .blog-article-body table.stacked tr,
  .d2 .blog-article-body table.stacked tbody tr:nth-child(even){display:block;background:var(--carta);
    border:1px solid var(--linea);border-radius:10px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 3px rgba(58,53,50,.06)}
  .d2 .blog-article-body table.stacked td{display:flex;gap:12px;align-items:baseline;border:0;
    border-bottom:1px solid var(--linea);padding:10px 14px;font-size:14.5px}
  .d2 .blog-article-body table.stacked td:last-child{border-bottom:0}
  .d2 .blog-article-body table.stacked td::before{content:attr(data-label);flex:0 0 40%;
    font:600 12.5px Outfit,sans-serif;color:var(--dom);text-transform:uppercase;letter-spacing:.03em}
  .d2 .blog-article-body table.stacked td:first-child{background:var(--dom);color:#fff;font-weight:700;font-size:16px;padding:12px 14px}
  .d2 .blog-article-body table.stacked td:first-child::before{display:none}
}