/* uc-impaginazione.css - dove stanno le cose nella pagina.
   Messo online il 04/09/2026, provato prima su Student Life e Campuses in Italy.

   1. La colonna dei link era 300px con 110 di stacco: 410px di margine sinistro
      su 1440. Adesso 200 con 64, e il testo guadagna 146px.
   2. Il menu accompagna la lettura invece di restare in cima con la colonna
      vuota sotto (era alto 220px accanto a pagine di 9.000).
   3. Le schede di testo si incastrano come mattoni: in griglia ogni riga si
      allineava alla piu' alta (da 458 a 1.099px) e sotto le corte restava il
      bianco. La griglia va bene per le fotografie, non per il testo.
   4. La fascia di testata al taglio esatto 5:1. */

.uc-main{grid-template-columns:200px minmax(0,1fr)!important;gap:64px!important}
.uc-sidebar{position:sticky!important;top:24px!important;align-self:start!important}

.uc-life-grid{display:block!important;columns:2;column-gap:24px}
.uc-life-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 24px}

.uc-page-hero{aspect-ratio:5/1!important;min-height:0!important;height:auto!important}
.uc-page-hero__img,.uc-page-hero__img img{height:100%!important;width:100%!important;object-fit:cover!important}

@media (max-width:1000px){
  .uc-main{grid-template-columns:1fr!important;gap:32px!important}
  .uc-sidebar{position:static!important}
  .uc-life-grid{columns:1}
  .uc-page-hero{aspect-ratio:3/1!important}
}
@media (max-width:600px){ .uc-page-hero{aspect-ratio:2/1!important} }