/* ============================================================================
   LA COLONNA CHE SEGUE, SOLO STRUTTURA — per le skin vestite da un tema importato.

   🔴 IL CASO (`117-j`, Jesper 12/08 06:38): *«il banner "wdg wdg-banner" va sotto il coupon o
   meglio va sotto "box-sidebar" quando si scrolla — è buono che il coupon scrolla in quel modo
   ma devi includere tutto che c'è dopo il coupon»*. La riparazione è del 12/08 e funziona: lo
   scroller è la **regione** (la colonna), e il widget del coupon torna un blocco normale dentro
   di lei.

   ⛔ **Ma le regole vivono solo in `player/tb.css`**, e una pagina vestita non lo carica.
   Misurato sul servito il 15/08, sui **sedici** fogli che timerbet riceve davvero:

       `cms-region--segue` nelle regole servite a timerbet .......... **0**
       (l'unica occorrenza, in `cms_page.css`, è dentro un COMMENTO che
        rimanda a `tb.css` — una citazione, non una regola)

   E la prova che non chiede di fidarsi del conteggio: aggiunta la classe a mano alla colonna
   destra della home servita, e chiesto al browser il `position` calcolato:

       timerbet   `.cms-rail_right` + la classe → **`static`**   ⬅ nulla morde
       studio5    idem                          → **`sticky`**   (controllo positivo)

   ⇒ Il giorno in cui l'operatore accendesse «il coupon segue» sulla skin 11 dal composer, la
   classe uscirebbe in pagina e **non la stilerebbe nessuno**: un'opzione accesa che non fa
   niente. È la forma esatta del difetto che `tb.css` racconta sopra queste stesse righe (*«la
   classe c'era e la regola no»*, Jesper 12/08 08:38) — una skin più in là.

   📌 **Oggi non cambia un pixel su nessuna skin**, ed è voluto: sulla 11 l'interruttore è spento
   (composizione `rail_right: betslip`, `opts` vuote), quindi la classe non viene emessa. Questo
   foglio non accende niente: **toglie la trappola sotto l'interruttore**.

   ## ⛔ Perché un foglio suo e non due righe in `coupon_struttura.css`

   Ci avevo messo queste regole, ed è stata una **guardia** a fermarmi:
   `tests/test_il_foglio_del_coupon_entra_dalla_strada_giusta.py::test_4_e_resta_di_sola_STRUTTURA`
   pretende che in quel foglio **ogni selettore stia sotto `.slip`**. Avevo letto la regola scritta
   in testa a quel file e mi ero concesso una deroga **in prosa**, spiegandola bene: la deroga
   però non è una cosa che si dichiara, è una cosa che una prova accetta o rifiuta. 🔑 Qui la
   casa aveva ragione e io torto: `.cms-region--segue` non è il coupon, è la **colonna** che lo
   contiene — e un foglio che si chiama «coupon» non è il posto dove cercarla.

   ## ⛔ Le due regole che questo file rispetta, come i suoi fratelli

   ① **ZERO COLORI**: qui c'è solo dove sta un blocco e quanto è alto. Dove il tema dipinge,
      dipinge lui (decisione di Angelo, 31/07).
   ② **LE TRE RIGHE RESTANO TRE, E INSIEME**: sono un meccanismo solo e si sono già rotte una
      volta separandole. Senza la seconda, lo `sticky` resta anche sul figlio e si ottengono
      **due scrollatori annidati** (la rotellina finisce nel più interno); la terza copre le
      pagine **senza** regioni CMS, dove lo scroller resta il coupon.
   ③ La `@media(min-width:900px)` si porta dietro, per la ragione scritta in `tb.css`: sotto i
      900 la colonna sta **sotto** il contenuto, e un blocco appiccicato mangerebbe lo schermo.

   🪞 Copia deliberata di `tb.css` (blocco `cms-region--segue`): **chi tocca una delle due tocchi
   l'altra.** La `tb.css` porta il rimando a questo file, e questo a lei.
   ========================================================================== */
@media (min-width: 900px) {
  .cms-region--segue {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    overscroll-behavior: auto;
  }

  .cms-region--segue .wdg-betslip--segue {
    position: static;
    max-height: none;
    overflow: visible;
  }

  /* le pagine SENZA regioni CMS non hanno la sezione: lì lo scroller resta quello di prima */
  .wdg-betslip--segue:not(.cms-region--segue *) {
    position: sticky;
    top: 12px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    overscroll-behavior: auto;
  }
}