.numeri-home { padding: clamp(2.5rem, 2rem + 3vw, 4.5rem) 0; background: linear-gradient(180deg, #17130f, #1f1a14); color: #f5efe6; }
.numeri-home__titolo { font-family: "Big Shoulders Display", "Arial Narrow", sans-serif; font-weight: 900; font-size: clamp(2rem, 1.4rem + 2.5vw, 3.25rem); text-transform: uppercase; line-height: 1.05; margin: 0 0 .5rem; }
.numeri-home__testo { max-width: 46rem; color: #c9bfb2; margin: 0 0 1.5rem; }
.nh-scheda { height: 100%; padding: 1.25rem; border: 1px solid #3a342e; border-radius: 1.1rem; background: #231e18; }
.nh-scheda__nome { margin: 0 0 .15rem; font-weight: 800; font-size: 1.15rem; color: #f99a00; }
.nh-scheda__sotto { margin: 0 0 .9rem; font-size: .85rem; color: #c9bfb2; }
.nh-palline { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 .8rem; padding: 0; list-style: none; min-height: 2.4rem; }
.nh-pallina { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid #5b5044; background: #2f2820; color: #fff; font-weight: 800; font-variant-numeric: tabular-nums; }
.nh-scheda__nota { margin: 0; font-size: .85rem; color: #c9bfb2; }
.nh-scheda[data-nh-vuoto] .nh-palline { display: none; }
.numeri-home__azioni { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
@media (max-width: 575.98px) { .nh-pallina { width: 2.15rem; height: 2.15rem; font-size: .9rem; } }