/* TidyDrawer — foglio di stile supplementare.
 *
 * Contiene stili VERI e non critici (stampa + accessibilità da tastiera):
 * se non venisse caricato, la pagina resta corretta.
 *
 * Serve anche a MISURARE le visite reali. index.html è autoconsistente
 * (CSS/JS inline, favicon data URI): un umano che apre la pagina fa UNA sola
 * richiesta, identica a quella di uno scanner travestito → nei log non si
 * distinguono (misurato 2026-07-18). Un browser vero carica anche i fogli di
 * stile collegati; gli scanner che prendono solo l'HTML no. Il conteggio è
 * quindi 1 riga di log in più per visita — nessun cookie, nessun JS, nessun
 * identificativo, niente terze parti. Vedi scripts/funnel_stats.py.
 */

/* Accessibilità: contorno visibile per chi naviga da tastiera. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid #2563EB;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Stampa: via lo sfondo scuro e gli elementi che su carta non servono. */
@media print {
  nav, #cookbook, .cta-row, .nav-cta, footer { display: none !important; }

  body { background: #fff !important; color: #000 !important; }

  #privacy { background: #fff !important; color: #000 !important; }
  #privacy .sec-head h2,
  #privacy .sec-head p { color: #000 !important; }

  /* Il lettore su carta non può cliccare: esplicita la destinazione. */
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 11px; }

  .tier, .feat, .step { break-inside: avoid; }
}