/* Squadre — la lista NAZIONALE (nazionale.js): testata Italia, tornei, i 6 tab, le schede al tocco.
   Formato della master e del kit (kit.css): carta e inchiostro, un solo rosso (--verdetto) per le sconfitte, il dato più grande
   dell'etichetta, solo i gettoni del tema (regola madre: niente fondi scritti a mano). */
.nz{ display:grid; gap:22px }

/* ── la testata: bandiera, «Italia», e gli 8 riquadri ── */
.nz-testa{ display:grid; gap:14px }
.nz-nome{ display:grid; grid-template-columns:96px minmax(0,1fr); column-gap:18px; align-items:center; min-width:0 }
.nz-nome .st{ width:96px; display:flex; align-items:center; justify-content:center }
.nz-nome .st img{ width:96px; height:auto; border:1px solid var(--filetto) }
.nz-nome h2{ margin:2px 0 0; font:900 clamp(var(--c-titolo), 6vw, var(--c-grande))/.9 var(--f-titolo); text-transform:uppercase; letter-spacing:-.01em }
.nz-nome .sotto{ margin:6px 0 0; font:600 var(--c-testo) var(--f-cifre); color:var(--grigio) }
.nz-nome .sotto b{ font:900 var(--c-titoletto) var(--f-titolo); color:var(--inchiostro) }
.nz-otto{ grid-template-columns:repeat(4,minmax(0,1fr)) }
.nz-otto .p b{ color:var(--verdetto) }

/* ── «L'Italia per torneo»: le fasi rientrate sotto il torneo ── */
.nz-tornei .tab-scheda td b{ font:800 var(--c-titoletto) var(--f-titolo) }
.nz-tornei tr.nz-fase td{ font-size:var(--c-testo); color:var(--grigio) }
.nz-tornei tr.nz-fase td.nome{ font:600 var(--c-testo) var(--f-testo); text-transform:none; padding-left:28px }
.nz-tornei tr.nz-fase td b{ font-size:var(--c-testo); color:var(--grigio) }

/* ── i tab ── */
.nz-tab .selettori{ max-width:100% }
.nz-corpo{ display:grid; gap:12px; min-width:0 }
.nz-corpo .tab-scheda td b{ font:800 var(--c-titoletto) var(--f-titolo) }
.nz-corpo .tab-scheda td.nome small{ font:400 var(--c-nota) var(--f-testo) }
.nz-corpo .tab-scheda td small{ font-size:var(--c-nota) }
.nz-avviso{ margin:0; padding:10px 14px; border:1px solid var(--filetto); border-left:5px solid var(--verdetto); font-size:var(--c-testo); line-height:1.4 }

/* ── il bilancio in riga: il numero grande, la lettera piccola ── */
.nz-bil{ display:inline-flex; flex-wrap:wrap; align-items:baseline; column-gap:.9em; row-gap:2px; font:600 var(--c-nota) var(--f-cifre); color:var(--grigio) }
.nz-bil b{ font:800 var(--c-titoletto) var(--f-titolo); color:var(--inchiostro); margin-right:3px }
.nz-bil .p b{ color:var(--verdetto) }

/* ── i riquadri apribili (anni, tornei, giocatori) ── */
.nz-riq{ border:1px solid var(--filetto); background:var(--carta) }
.nz-riq + .nz-riq{ margin-top:8px }
.nz-riq > summary{ list-style:none; cursor:pointer; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 14px; align-items:baseline; padding:10px 14px }
.nz-riq > summary::-webkit-details-marker{ display:none }
.nz-riq > summary .t{ font:800 var(--c-titoletto)/1.1 var(--f-titolo); text-transform:uppercase; min-width:0; overflow-wrap:anywhere }
.nz-riq > summary .t::before{ content:'+'; display:inline-block; width:1.1em; font-family:var(--f-cifre); color:var(--grigio) }
.nz-riq[open] > summary .t::before{ content:'–' }
.nz-riq > summary .n{ font:900 var(--c-sottotitolo)/1 var(--f-titolo); text-align:right; white-space:nowrap }
.nz-riq > summary .n small{ font:600 var(--c-etichetta) var(--f-cifre); letter-spacing:.04em; text-transform:uppercase; color:var(--grigio); margin-left:6px }
.nz-riq > summary .b{ grid-column:1 / -1; padding-left:1.1em; font-size:var(--c-nota); color:var(--grigio) }
.nz-riq > summary .b > b{ font:800 var(--c-evidenza) var(--f-titolo); color:var(--inchiostro) }
.nz-riq > summary:hover,.nz-riq > summary:focus-visible{ background:var(--velo) }
.nz-riq[open] > summary{ border-bottom:2px solid var(--inchiostro) }
.nz-riq .dentro{ padding:6px 14px 12px; display:grid; gap:6px; min-width:0 }
.nz-torneo h5{ margin:10px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 14px; align-items:baseline; font:800 var(--c-evidenza) var(--f-titolo); text-transform:uppercase; border-bottom:1px solid var(--filetto); padding-bottom:4px }

/* ── le partite: il risultato coi rigori sotto, le note piccole ── */
.nz-partite .ris small{ display:block; white-space:nowrap; font:600 var(--c-etichetta) var(--f-cifre); color:var(--grigio) }
.nz-partite .dove small{ display:block; font-size:var(--c-nota); font-style:italic }
.nz-partite .gara{ overflow-wrap:anywhere }

/* ── dentro la scheda al tocco ── */
#p-sq .nz-gruppo{ display:grid; gap:10px; min-width:0 }
#p-sq .nz-gruppo .selettori{ margin-top:4px }
#p-sq .nz-gruppo .partite-l li{ padding-left:10px }

@media (max-width:900px){ .nz-otto{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (max-width:760px){
  .nz-nome{ grid-template-columns:64px minmax(0,1fr); column-gap:12px } .nz-nome .st{ width:64px } .nz-nome .st img{ width:64px }
  .nz-nome h2{ font-size:var(--c-titolo) } .nz-nome .sotto{ font-size:var(--c-nota) }
  .nz-tab .selettori .sel{ height:44px; padding:0 12px; font-size:var(--c-testo) }
  .nz-tornei tr.nz-fase td.nome{ padding-left:14px }
  .nz-riq > summary{ padding:10px }
  .nz-riq > summary .t{ font-size:var(--c-titoletto) } .nz-riq > summary .n{ font-size:var(--c-titoletto) }
  .nz-riq .dentro{ padding:4px 10px 10px }
}
/* gli anni «1912-1948» non si spezzano: sul telefono prendono due colonne della tessera */
.nz-corpo .tab-scheda td.anni{ white-space:nowrap; overflow-wrap:normal }
@media (max-width:760px){ .nz-corpo .tab-scheda td.anni{ grid-column:span 2 } }