/* Tala — foglio di stile del sito
 *
 * QUESTO FILE È SOSTITUIBILE. Il testo delle pagine è verificato e non va toccato;
 * l'aspetto sta tutto qui dentro. Claude Design può riscrivere questo file da zero
 * senza rischiare di alterare una parola dell'informativa privacy.
 *
 * Classi usate nell'HTML, da mantenere:
 *   main      il contenitore, larghezza limitata
 *   h1 h2     titoli
 *   .meta     riga sotto il titolo (data di aggiornamento)
 *   .key      il riquadro evidenziato con la frase centrale
 *   .lang     selettore di lingua
 *   footer    piè di pagina
 *
 * Token del marchio Ella Flow: sabbia #E7CFA8, salvia #A3C1AD, inchiostro #2A302E,
 * perla #F8F9F9, notte #314054, argilla #7C6258.
 */

:root {
  --bg: #F8F9F9;
  --card: #fff;
  --ink: #2A302E;
  --soft: #5d6663;
  --line: #e6e9e8;
  --sand: #E7CFA8;
  --sage: #A3C1AD;
  --clay: #7C6258;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #22292F;
    --card: #2b333b;
    --ink: #F4F6F6;
    --soft: #aeb6b4;
    --line: #3a434c;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

main { max-width: 760px; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }

h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 .4rem; }

h2 {
  font-size: 1.15rem;
  margin: 2.4rem 0 .6rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}
h2:first-of-type { border-top: 0; padding-top: 0; }

.meta { color: var(--soft); font-size: .9rem; margin: 0 0 2rem; }

.key {
  background: var(--card);
  border-left: 4px solid var(--sand);
  border-radius: 10px;
  padding: 1.1rem 1.3rem;
  margin: 1.5rem 0;
}
.key p { margin: 0; }

ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }

a { color: var(--clay); }
@media (prefers-color-scheme: dark) { a { color: var(--sand); } }

.lang { display: inline-block; margin-bottom: 1.5rem; font-size: .9rem; }

footer {
  margin-top: 3rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
  color: var(--soft);
  font-size: .88rem;
}

/* pagina di assistenza */
.faq { background: var(--card); border-radius: 10px; padding: .2rem 1.3rem; margin: 1rem 0; }
.faq h3 { font-size: 1rem; margin: 1.2rem 0 .3rem; }
.faq p { margin: 0 0 1.2rem; color: var(--soft); }