.legale {
  padding-block: clamp(3rem, 2rem + 5vw, 5rem) var(--sezione);
}

.legale__interno {
  width: min(100% - 2.5rem, 46rem);
  margin-inline: auto;
}

.legale__titolo {
  font-size: var(--titolo-lg);
  font-style: italic;
  margin-top: var(--spazio-sm);
}

.legale__aggiornamento {
  font-size: var(--testo-sm);
  color: var(--muto);
  margin-top: var(--spazio-sm);
}

.legale__sezione {
  margin-top: var(--spazio-xl);
}

.legale__sezione h2 {
  font-size: var(--titolo-sm);
  margin-bottom: var(--spazio-sm);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--filo);
}

.legale__sezione p {
  white-space: pre-line;
  font-size: var(--testo-md);
}

.legale__tabella {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--spazio-md);
  font-size: var(--testo-sm);
}

.legale__tabella th,
.legale__tabella td {
  text-align: left;
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--filo);
  vertical-align: top;
}

.legale__tabella th {
  background-color: var(--carta);
  font-weight: 600;
  color: var(--crema);
  font-size: var(--testo-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.legale__tabella code {
  font-size: 0.85em;
  background-color: var(--carta);
  border-radius: 4px;
  padding: 0.1rem 0.35rem;
  color: var(--brace-chiara);
}

.legale__riapri {
  margin-top: var(--spazio-md);
}

.legale__ritorno {
  margin-top: var(--spazio-xl);
}

.legale__ritorno .link-freccia::after {
  display: none;
}

@media (max-width: 40rem) {
  .legale__tabella {
    display: block;
    overflow-x: auto;
  }
}