/*
 * Stile MINIMO per i documenti legali.
 *
 * Volutamente non impone font, colori o dimensioni: eredita tutto dal sito
 * che ospita il documento. Definisce solo ritmo verticale e leggibilita delle
 * tabelle, cioe le cose che un sito raramente ha gia definite per un testo
 * lungo. Tutto e sovrascrivibile con le variabili qui sotto.
 */
.legal-doc {
  --legal-measure: 68ch;
  --legal-rhythm: 1.6em;
  --legal-rule: color-mix(in srgb, currentColor 15%, transparent);

  max-width: var(--legal-measure);
  line-height: 1.7;
}

.legal-doc h2 {
  margin-block: calc(var(--legal-rhythm) * 1.5) 0.6em;
  line-height: 1.3;
  scroll-margin-top: 5rem;
}

.legal-doc h3 { margin-block: var(--legal-rhythm) 0.4em; }
.legal-doc h4 { margin-block: 1.2em 0.4em; }
.legal-doc p,
.legal-doc ul,
.legal-doc ol { margin-block: 0 1em; }
.legal-doc li { margin-block: 0.35em; }
.legal-doc a { overflow-wrap: anywhere; }

/* Le tabelle dei cookie sono l unica parte che deve poter scorrere da sola
   invece di allargare la pagina su mobile. */
.legal-doc table {
  display: block;
  overflow-x: auto;
  border-collapse: collapse;
  width: 100%;
  margin-block: 1em 1.5em;
  font-size: 0.92em;
}

.legal-doc th,
.legal-doc td {
  border: 1px solid var(--legal-rule);
  padding: 0.5em 0.7em;
  text-align: left;
  vertical-align: top;
}

.legal-doc th { font-weight: 600; }
.legal-doc code { font-size: 0.9em; overflow-wrap: anywhere; }

.legal-consent-placeholder {
  display: grid;
  place-content: center;
  gap: 0.75rem;
  padding: 2rem;
  text-align: center;
  border: 1px dashed var(--legal-rule, currentColor);
  border-radius: 8px;
}