/* Pagine servizio: gerarchia editoriale, indici e processi; nessun pannello vetrato. */
.eee-pagina .eee-servizio { --eee-servizio-spazio:clamp(56px,7vw,96px); }
.eee-pagina .eee-servizio-eroe { padding:64px 0 80px; background:var(--eee-notte); }
.eee-pagina .eee-servizio-apertura { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:72px; align-items:center; }
.eee-pagina .eee-servizio .eee-wrap h1 { color:var(--eee-su-blu); font-size:clamp(34px,3.6vw,50px); line-height:1.12; letter-spacing:-.035em; margin:0 0 28px; text-wrap:balance; }
/* Le parole lunghe possono andare a capo con la spaziatura scelta dall'utente. */
.eee-pagina .eee-servizio .eee-wrap h1 { overflow-wrap:anywhere; }
.eee-pagina .eee-servizio-etichetta { font-size:14px; margin:0 0 24px; color:var(--eee-verde); }
.eee-pagina .eee-servizio-intro { font-size:17px; line-height:1.6; margin:0 0 32px; }
.eee-pagina .eee-servizio-azioni { display:flex; flex-wrap:wrap; gap:16px; }
.eee-pagina .eee-servizio-indice { border-left:1px solid var(--eee-linea); padding-left:32px; }
.eee-pagina .eee-servizio-indice > p { font-size:13px; color:var(--eee-muted); margin:0 0 12px; }
.eee-pagina .eee-servizio-indice ul { padding:0; margin:0; list-style:none; }
.eee-pagina .eee-servizio-indice li { border-bottom:1px solid var(--eee-linea); }
.eee-pagina .eee-servizio-indice a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; color:var(--eee-su-blu); text-decoration:none; font-size:15px; line-height:1.5; }
.eee-pagina .eee-servizio-indice a span:last-child { color:var(--eee-verde); transition:transform .2s ease; }
.eee-pagina .eee-servizio-indice a:hover span:last-child { transform:translate(3px,3px); }
.eee-pagina .eee-servizio section { scroll-margin-top:100px; }
.eee-pagina .eee-servizio-modulo, .eee-pagina .eee-servizio-prossimo { padding:var(--eee-servizio-spazio) 0; }
.eee-pagina .eee-servizio .eee-wrap h2 { font-size:clamp(28px,2.8vw,38px); line-height:1.12; letter-spacing:-.025em; max-width:26ch; margin:0 0 32px; text-wrap:balance; }
.eee-pagina .eee-servizio .eee-wrap h3 { font-family:var(--eee-font-body); font-weight:600; font-size:22px; line-height:1.35; margin:0 0 12px; }
/* Titolo e spiegazione appartengono allo stesso messaggio, anche su desktop. */
.eee-pagina .eee-servizio-modulo-intro { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-bottom:40px; max-width:840px; align-items:start; }
/* Pareggia la specificità della regola H2 generale, senza sommare margine e gap. */
.eee-pagina .eee-servizio .eee-servizio-modulo-intro h2, .eee-pagina .eee-servizio-modulo-intro p { margin:0; }
.eee-pagina .eee-servizio p { line-height:1.6; }
.eee-pagina .eee-servizio-voci { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; }
.eee-pagina .eee-servizio-voce { border-top:1px solid var(--eee-linea); padding:28px 0; }
.eee-pagina .eee-servizio-voce p { margin:0; }
.eee-pagina .eee-servizio-decisione .eee-servizio-voci { display:block; }
.eee-pagina .eee-servizio-decisione .eee-servizio-voce { display:grid; grid-template-columns:1.05fr 1fr; gap:64px; }
.eee-pagina .eee-servizio-decisione .eee-servizio-voce h3 { margin:0; }
.eee-pagina .eee-servizio-chiusa { border-left:2px solid var(--eee-verde); padding-left:24px; margin-top:24px; max-width:76ch; }
.eee-pagina .eee-servizio-chiusa p { margin:0; }
/* L'ordine resta nell'OL; i nomi delle consegne sostituiscono i numeri decorativi. */
.eee-pagina .eee-servizio-sequenza { list-style:none; padding:0; margin:0; }
.eee-pagina .eee-servizio-sequenza li { border-left:1px solid var(--eee-linea); padding:0 0 36px 24px; }
.eee-pagina .eee-servizio-sequenza li:last-child { padding-bottom:0; }
.eee-pagina .eee-servizio-sequenza p { margin:0; }
.eee-pagina .eee-servizio-capitolo { max-width:840px; margin-inline:auto; }
.eee-pagina .eee-servizio-capitolo > h2 { max-width:30ch; }
.eee-pagina .eee-servizio .eee-corpo { font-size:17px; }
.eee-pagina .eee-servizio .eee-corpo > p, .eee-pagina .eee-servizio .eee-corpo > ul, .eee-pagina .eee-servizio .eee-corpo > ol { max-width:65ch; }
.eee-pagina .eee-servizio .eee-corpo > h3 { margin-top:36px; }
.eee-pagina .eee-servizio .eee-corpo > :first-child { margin-top:0; }
.eee-pagina .eee-servizio .eee-corpo > :last-child { margin-bottom:0; }
.eee-pagina .eee-servizio .eee-tabella-scroll { overflow-x:auto; margin:32px 0; border:1px solid var(--eee-linea); border-radius:9px; }
.eee-pagina .eee-servizio .eee-tabella-scroll:focus-visible { outline:2px solid var(--eee-verde); outline-offset:5px; }
.eee-pagina .eee-servizio table { width:100%; margin:0; font-size:14px; line-height:1.65; border-collapse:collapse; }
.eee-pagina .eee-servizio table th { background:var(--eee-notte); text-align:left; font-weight:600; }
.eee-pagina .eee-servizio table th, .eee-pagina .eee-servizio table td { padding:16px; border:1px solid var(--eee-linea); min-width:145px; vertical-align:top; }
/* Solo matrici semplici riconosciute dal compositore: riferimento durante lo scroll. */
.eee-pagina .eee-servizio .eee-tabella-con-righe th[scope="row"],
.eee-pagina .eee-servizio .eee-tabella-con-righe thead th:first-child { position:sticky; left:0; z-index:1; background:var(--eee-notte); border-right-color:var(--eee-muted); width:136px; min-width:136px; max-width:136px; }
/* A 320 px resta leggibile una colonna dati intera accanto al riferimento fisso. */
.eee-pagina .eee-servizio .eee-tabella-con-righe th[scope="row"] { font-size:inherit; font-weight:600; line-height:inherit; letter-spacing:normal; text-transform:none; overflow-wrap:anywhere; }
.eee-pagina .eee-servizio .eee-tabella-con-righe td { overflow-wrap:anywhere; }
.eee-pagina .eee-servizio p.eee-servizio-tabella-aiuto { font-size:14px; color:var(--eee-muted); margin:24px 0 12px; }
.eee-pagina .eee-servizio .eee-servizio-tabella-aiuto + .eee-tabella-scroll { margin-top:0; }
.eee-pagina .eee-servizio .eee-faq details { background:transparent; backdrop-filter:none; border:0; border-bottom:1px solid var(--eee-linea); border-radius:0; margin:0; }
.eee-pagina .eee-servizio .eee-faq summary { padding:24px 0; }
.eee-pagina .eee-servizio .eee-faq details > div { padding:0 0 24px; }
/* La stessa classe identifica anche la sezione: azzerare solo lo spazio dell'elenco. */
.eee-pagina ul.eee-servizio-percorsi { list-style:none; padding:0; margin:0; }
.eee-pagina .eee-servizio-percorsi li { border-top:1px solid var(--eee-linea); }
.eee-pagina .eee-servizio-percorsi a { display:flex; justify-content:space-between; gap:24px; padding:24px 0; text-decoration:none; }
.eee-pagina .eee-servizio-prossimo p { margin-bottom:32px; }
@media (max-width:900px) {
  .eee-pagina .eee-servizio-apertura { grid-template-columns:1fr; gap:48px; }
  .eee-pagina .eee-servizio-indice { padding-left:0; border-left:0; max-width:65ch; }
  .eee-pagina .eee-servizio-decisione .eee-servizio-voce { grid-template-columns:1fr; gap:16px; }
}
@media (max-width:600px) {
  .eee-pagina .eee-servizio-eroe { padding:40px 0 56px; }
  .eee-pagina .eee-servizio .eee-wrap h1 { font-size:34px; margin-bottom:24px; }
  .eee-pagina .eee-servizio-intro, .eee-pagina .eee-servizio .eee-corpo { font-size:16px; }
  .eee-pagina .eee-servizio-etichetta { margin-bottom:20px; }
  .eee-pagina .eee-servizio-voci { grid-template-columns:1fr; gap:0; }
  .eee-pagina .eee-servizio .eee-wrap h3 { font-size:20px; }
  .eee-pagina .eee-servizio-percorsi a { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .eee-pagina .eee-servizio-indice a span:last-child { transition:none; }
  .eee-pagina .eee-servizio-indice a:hover span:last-child { transform:none; }
}
