/* Falegnameria CM — tipografia aggiuntiva per i testi dell'editor (policy e pagine generiche), sopra .prose */
.prose h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-top:8px}
.prose a{color:var(--ink);border-bottom:1px solid var(--line);transition:border-color .2s}
.prose a:hover{border-color:var(--ink)}
.prose strong{color:var(--ink);font-weight:600}
.prose ol{padding-left:20px;display:grid;gap:6px}
.prose > *{margin:0}
/* Tabelle dell'editor (elenco cookie, finalità, conservazione).
   I selettori sono volutamente specifici (.prose .wp-block-table …): gli stili di base del blocco tabella di WordPress
   (bordi su ogni cella, colonne di larghezza fissa e uguale, riga spessa sotto l'intestazione) cambiano da una versione all'altra
   e hanno la stessa forza di .prose td; così il risultato è lo stesso su ogni versione. */
.prose .wp-block-table{margin:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.prose .wp-block-table table{width:100%;table-layout:auto;border-collapse:collapse;border:0;font-size:15px;line-height:1.5}
.prose .wp-block-table thead,.prose .wp-block-table tbody,.prose .wp-block-table tfoot,.prose .wp-block-table tr{border:0}
.prose .wp-block-table th,.prose .wp-block-table td{border:0;border-bottom:1px solid var(--line);padding:14px 20px 14px 0;text-align:left;vertical-align:top;color:var(--grey);word-break:normal;overflow-wrap:break-word}
.prose .wp-block-table th{color:var(--ink);font-weight:600;font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--grey2)}
.prose .wp-block-table td:first-child{color:var(--ink)}
.prose .wp-block-table th:last-child,.prose .wp-block-table td:last-child{padding-right:0}
/* Le tabelle escono dalla colonna di testo su desktop e scorrono in orizzontale su schermi stretti */
@media (min-width:1101px){.prose .wp-block-table{width:min(1200px,calc(100vw - 2 * var(--gutter)))}}
@media (max-width:1100px){.prose .wp-block-table table{min-width:720px}}
/* Su tablet e mobile (con JavaScript) ogni riga diventa una scheda con l'etichetta della colonna: nessuno scorrimento orizzontale */
@media (max-width:900px){
  .js .prose .wp-block-table{overflow:visible;width:auto}
  .js .prose .wp-block-table table{min-width:0;display:block}
  .js .prose .wp-block-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .js .prose .wp-block-table tbody{display:block}
  .js .prose .wp-block-table tr{display:block;padding:18px 0;border-bottom:1px solid var(--line)}
  .js .prose .wp-block-table tr:first-child{padding-top:6px}
  .js .prose .wp-block-table td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:4px 14px;border:0;padding:5px 0}
  .js .prose .wp-block-table td::before{content:attr(data-label);color:var(--ink);font-size:12px;font-weight:600;line-height:1.7;text-transform:uppercase;letter-spacing:.08em}
  .js .prose .wp-block-table td:not([data-label])::before{display:none}
  .js .prose .wp-block-table td:not([data-label]){grid-template-columns:1fr}
}
@media (max-width:420px){
  .js .prose .wp-block-table td{grid-template-columns:1fr}
}