/* Host Pilot — stili delle sole pagine /guide/.
   File separato di proposito: aggiungere queste regole a hp.css avrebbe
   costretto a cambiare il ?v= delle 11 pagine gia' online per un foglio che
   quelle pagine non usano. Qui nessuna regola puo' toccare il sito esistente,
   perche' nessuna delle sue pagine carica questo file. */

/* briciole sulla testata scura */
.crumbs{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--on-dark-2);
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px;
}
.crumbs a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s,color .18s}
.crumbs a:hover,.crumbs a:focus-visible{color:var(--em-300);border-bottom-color:var(--em-300)}
.crumbs [aria-current]{color:#FFFFFF}
.crumbs span[aria-hidden]{opacity:.5}

/* la testata delle guide e' scura: l'occhiello va schiarito, come nelle
   altre sezioni scure del sito. Qui la regola c'e' fin dall'inizio. */
.pagehead .eyebrow{color:var(--em-300)}

/* riga di servizio: quando e' stato aggiornato e chi lo firma */
.guida-meta{
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;
  color:var(--on-dark-2);margin:22px 0 0;display:flex;gap:14px;flex-wrap:wrap;align-items:center;
}
.guida-meta span:not(:last-child)::after{content:"·";margin-left:14px;opacity:.5}

/* LA RISPOSTA DIRETTA. E' il blocco che i motori di risposta estraggono:
   sta prima di ogni introduzione, e' lungo 40-60 parole e risponde alla
   domanda del titolo senza preamboli. */
.risposta{
  background:var(--em-100);border-left:3px solid var(--em-500);
  padding:20px 24px;margin:0 0 28px;border-radius:0 6px 6px 0;
}
.risposta p{font-size:16.5px;line-height:1.7;color:var(--ink-1,#061627);margin:0;font-weight:500}

/* indice della guida */
.indice{border:1px solid var(--hairline);border-radius:8px;padding:20px 24px;margin:0 0 32px;background:#FFFFFF}
.indice .foot__t,.indice__t{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 12px;font-weight:500;
}
.indice ol{margin:0;padding-left:20px;font-size:15px;line-height:1.9;color:var(--ink-2)}
.indice a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--hairline)}
.indice a:hover{color:var(--em-600);border-bottom-color:var(--em-500)}

/* riferimento normativo dentro il testo */
.doc .norma{
  font-family:var(--font-mono);font-size:12.5px;background:var(--em-100);
  padding:1px 6px;border-radius:3px;color:var(--em-700);white-space:nowrap;
}

/* avvertenza: non e' consulenza fiscale */
.avvertenza{
  border:1px solid var(--hairline);border-left:3px solid var(--ink-3);
  padding:16px 20px;margin:32px 0 0;border-radius:0 6px 6px 0;background:#F7FAFC;
}
.avvertenza p{font-size:13.5px;line-height:1.7;color:var(--ink-3);margin:0}

/* elenco delle altre guide */
.guide-card{
  display:block;text-decoration:none;border:1px solid var(--hairline);border-radius:10px;
  padding:22px 24px;background:#FFFFFF;transition:border-color .18s,transform .18s;height:100%;
}
.guide-card:hover{border-color:var(--em-500);transform:translateY(-2px)}
.guide-card__k{
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--em-600);display:block;margin-bottom:9px;
}
.guide-card__t{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.35;color:var(--ink-1,#061627);margin:0 0 8px}
.guide-card__d{font-size:14px;line-height:1.6;color:var(--ink-3);margin:0}

/* La testata del sito riserva a destra lo spazio del motivo decorativo
   (padding-right: calc(24px + 34%)). Le guide non hanno motivo, e quel terzo
   di larghezza mandava l'H1 a capo quattro volte. Qui si recupera, tenendo
   comunque una misura di riga leggibile sul titolo e sul sommario. */
.pagehead__in{padding-right:24px}
.pagehead h1.h-page{max-width:15ch}
.pagehead .lede{max-width:56ch}
@media (min-width:900px){.pagehead h1.h-page{max-width:20ch}}

/* --------------------------------------------- telefono e tablet, audit 15/09/2026
   Questo foglio si carica DOPO hp.css e vince a parita' di specificita': le regole
   per il touch scritte la' non toccavano le briciole ne' le schede delle guide. */
@media (pointer:coarse){
  .crumbs,.crumbs a,.guide-card__k,.guida-meta{font-size:12px}
  .crumbs a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
}