/* ============================================================
   DELFI — Pagine legali (privacy · termini · note legali)
   S469: lo stile era copiato dentro un <style> in ogni pagina, e
   caricava il font Inter, che non appartiene al design system.
   Qui una volta sola, con i font di casa.

   NOTA sul cache-bust: queste pagine si linkano il CSS SENZA `?v=`, perché
   il sed di __BUILD_ID__ nel Dockerfile passa solo su una lista di file, e
   queste non ci sono. Un `?v=__BUILD_ID__` qui resterebbe letterale — e non
   romperebbe il foglio: peggio, prenderebbe un anno di cache da nginx su un
   indirizzo costante, congelandolo per tutti senza dare errore.
   ⚠️ S600 — la lista dei file NON si ricopia qui: stava scritta e mancava già
   `condivisa.html`. Sta nel Dockerfile, che è l'unico posto dove è vera; da
   S600 il build fallisce da sé se un token sopravvive in qualunque file
   servito, con l'unica eccezione di QUESTO commento.
   ============================================================ */

body {
  background: var(--bg-primary);
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  /* base.css chiude lo scroll del documento perché la SPA scrolla nei
     pannelli: qui va riaperto, come fa guide.css. */
  height: auto;
  overflow: auto;
}

.legal-layout {
  max-width: 760px;
  margin: 0 auto;
  padding: 3.5rem 2rem 4rem;
}

.legal-back {
  display: inline-block;
  margin-bottom: 2rem;
  font-family: var(--font-numbers);
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  text-decoration: none;
}
.legal-back:hover { color: var(--gold); }

.legal-layout h1 {
  font-family: var(--font-titles);
  font-size: 2.1rem;
  font-weight: 500;
  color: var(--text-primary);
  margin: 0 0 0.4rem;
}
.legal-version {
  font-family: var(--font-numbers);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 2.8rem;
}

.legal-layout h2 {
  font-family: var(--font-titles);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--gold);
  margin: 2.8rem 0 0.8rem;
}

.legal-layout p,
.legal-layout li {
  line-height: 1.75;
  color: var(--text-secondary);
  font-size: 0.93rem;
}
.legal-layout p { margin: 0 0 1rem; }
.legal-layout ul { padding-left: 1.4rem; margin: 0 0 1.2rem; list-style: none; }
.legal-layout li { margin-bottom: 0.5rem; position: relative; }
.legal-layout li::before {
  content: '';
  position: absolute;
  left: -1rem;
  top: 0.72em;
  width: 4px;
  height: 4px;
  background: var(--gold);
  opacity: 0.5;
  transform: rotate(45deg);
}
.legal-layout a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(201, 168, 76, 0.3); }
.legal-layout a:hover { border-bottom-color: var(--gold); }
.legal-layout strong { color: var(--text-primary); font-weight: 600; }

/* Il riquadro che si legge anche se non si legge il resto. Sulle note
   legali porta la frase che non deve sfuggire a nessuno. */
.legal-lead {
  padding: 1.4rem 1.6rem;
  margin-bottom: 2.4rem;
  background: rgba(232, 180, 84, 0.07);
  border: 1px solid rgba(232, 180, 84, 0.28);
  border-left-width: 3px;
  border-radius: var(--radius);
}
.legal-lead p { color: var(--text-primary); margin-bottom: 0.7rem; }
.legal-lead p:last-child { margin-bottom: 0; }
.legal-lead strong { color: var(--amber); }

.legal-footer {
  margin-top: 3.5rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-family: var(--font-numbers);
  font-size: 0.72rem;
  color: var(--text-muted);
  text-align: center;
}
.legal-footer a { color: var(--text-secondary); text-decoration: none; border: none; }
.legal-footer a:hover { color: var(--gold); }
.legal-footer-links { display: flex; gap: 1.4rem; justify-content: center; margin-bottom: 0.8rem; flex-wrap: wrap; }

@media (max-width: 640px) {
  .legal-layout { padding: 2rem 1.2rem 2.6rem; }
  .legal-layout h1 { font-size: 1.7rem; }
  .legal-layout h2 { font-size: 1.2rem; }
}