/* ===== Prototipo pagina Serie B a schede ===== */
.sbPagina { --blu: #1C4596; --notte: #0f1b33; --riga: #e7e9ee; --tenue: #6b7080; padding-bottom: 40px; }
.sbPagina, .sbPagina p, .sbPagina span, .sbPagina small, .sbPagina button, .sbPagina strong, .sbPagina b,
.sbPagina td, .sbPagina th, .sbPagina time, .sbPagina h3 { font-family: 'Oxygen', sans-serif; font-style: normal; }

/* testata (centrata) */
.sbTesta { text-align: center; padding: 36px 0 24px; }
.sbTesta h2 { margin: 0; font-size: 3.4rem; line-height: 1; letter-spacing: .04em; text-transform: uppercase; text-align: center; }
.sbSopra { margin: 10px 0 0; font-size: 14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--blu); }
.sbNumeri { display: flex; justify-content: center; margin: 22px 0 0; }
.sbNumeri li { padding: 0 24px; border-left: 1px solid var(--riga); }
.sbNumeri li:first-child { border-left: 0; }
.sbNumeri strong { display: block; font-size: 1.7rem; line-height: 1.1; color: #151618; font-variant-numeric: tabular-nums; }
.sbNumeri span { font-size: 12px; color: var(--tenue); }

/* barra schede (resta in alto mentre scorri) */
.sbSchedeWrap { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); backdrop-filter: blur(6px); border-bottom: 1px solid var(--riga); margin-bottom: 28px; }
.sbSchede { display: flex; justify-content: center; gap: 8px; }
.sbSchede[hidden] { display: none; }
.sbSchede [role="tab"] {
	position: relative; min-height: 52px; padding: 0 18px; border: 0; background: none; cursor: pointer;
	font-size: 15px; font-weight: 700; color: var(--tenue);
}
.sbSchede [role="tab"] small { display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: #eef0f4; font-size: 11px; color: var(--tenue); vertical-align: 2px; }
.sbSchede [role="tab"]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: transparent; }
.sbSchede [role="tab"]:hover { color: #151618; }
.sbSchede [role="tab"][aria-selected="true"] { color: #151618; }
.sbSchede [role="tab"][aria-selected="true"]::after { background: var(--blu); }
.sbSchede [role="tab"][aria-selected="true"] small { background: var(--blu); color: #fff; }
.sbSchede [role="tab"]:focus-visible { outline: 2px solid var(--blu); outline-offset: -4px; }
.sbPannello[hidden] { display: none; }
.sbTitolo { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tenue); }
.sbPannello .classificaBox + .sbTitolo { margin-top: 32px; }

@media only screen and (max-width: 640px) {
	.sbTesta { padding: 26px 0 16px; }
	.sbTesta h2 { font-size: 2.5rem; }
	.sbSopra { font-size: 12px; }
	.sbNumeri li { flex: 1; padding: 0 10px; }
	.sbNumeri strong { font-size: 1.4rem; }
	.sbSchede { justify-content: space-between; }
	.sbSchede [role="tab"] { flex: 1; padding: 0 6px; font-size: 14px; }
}

/* staff tecnico centrato su pc (stessa larghezza delle card giocatori) */
@media only screen and (min-width: 641px) {
	#roster .roster:first-of-type { display: flex; flex-wrap: wrap; justify-content: center; }
	#roster .roster:first-of-type > .giocatore { flex: 0 0 var(--cardW, 160px); }
}

.sbPagina .fonteDati a { color: #1C4596; font-weight: 700; font-family: 'Oxygen', sans-serif; }
#roster .rosterTitolo:first-child { margin-top: 0; }
.sbSchedeWrap { transition: top .2s; }