/* ══════════════════════════════════════════════════════════
   Patente Guida — foglio di stile degli ARTICOLI GUIDA
   (auto/guide/, scritti a mano — Fase 3, passo 2)

   Complemento di /seo.css, che resta il foglio principale: qui
   ci sono solo i pochi elementi che le pagine generate non
   usavano e che un articolo lungo invece richiede (titoli di
   terzo livello, elenchi puntati, citazione del quesito).
   Nessuna variabile nuova: si riusano i token di seo.css.
   ══════════════════════════════════════════════════════════ */

h3 {
  color: var(--text);
  font-size: .92rem;
  font-weight: 700;
  letter-spacing: .02em;
  margin: 26px 0 10px;
}

/* Elenchi dentro il testo: seo.css azzera i padding, quindi senza
   questa regola i punti elenco finirebbero fuori dalla colonna. */
.g-list { padding-left: 1.15em; margin-bottom: 16px; }
.g-list li { margin-bottom: 8px; font-size: .97rem; }
.g-list li::marker { color: var(--primary); }

/* Coppie di segnali che si confondono: due righe testo/testo. */
.g-pairs { list-style: none; display: grid; gap: 10px; margin-bottom: 16px; }
.g-pairs li {
  border: 1px solid var(--border);
  border-left: 2px solid var(--primary);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 13px 15px;
  font-size: .94rem;
}
.g-pairs strong { display: block; margin-bottom: 3px; }

/* Riquadro di prudenza: quello che NON diciamo con un numero. */
.g-warn {
  border: 1px solid var(--border);
  border-left: 2px solid var(--text-dim);
  border-radius: var(--radius);
  background: var(--surface2);
  padding: 14px 16px;
  font-size: .92rem;
  margin-bottom: 18px;
}
.g-warn strong { display: block; margin-bottom: 4px; }

/* Nota di metodo sotto un gruppo di quesiti. */
.g-note {
  font-size: .92rem;
  color: var(--text-dim);
  border-top: 1px solid var(--border);
  padding-top: 12px;
  margin: 14px 0 6px;
}

/* Data di aggiornamento in coda all'articolo. */
.g-updated {
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: var(--track);
  color: var(--text-dim);
  margin-top: 30px;
}