@media (min-width: 981px) {
  :root {
    --site-shell-max: 1280px;
  }

  .wrap,
  .navbar,
  .shell,
  .container,
  header>div,
  footer>div,
  nav[aria-label="Academy"]>div,
  main[style*="max-width"],
  section>div[style*="max-width:1440px"],
  section>div[style*="max-width: 1440px"],
  main>div[style*="max-width:1440px"],
  main>div[style*="max-width: 1440px"] {
    max-width: var(--site-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header>div,
  footer>div,
  nav[aria-label="Academy"]>div,
  main[style*="max-width"] {
    width: 100%;
  }

  .wrap,
  .navbar,
  .shell,
  .container,
  header>div,
  footer>div,
  nav[aria-label="Academy"]>div,
  main[style*="max-width"],
  section>div[style*="max-width"],
  main>div[style*="max-width"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Ogni colonna del contenuto è larga 1280 (richiesta dell'utente del
   12/10/2026: «tutti i contenuti di tutte le pagine, tranne Academy»).
   Le sezioni dei prototipi scritte con max-width 1280/1180/1080/900 e 40px
   di padding laterale davano 1200 o meno: qui perdono il padding laterale e
   prendono la stessa misura di .wrap. Fra 981 e 1360 la colonna lascia 40px
   per lato, come le righe di .bleed-rows (prima .wrap toccava i bordi dello
   schermo e non si allineava alle griglie). La landing 2 resta a 1200. */
@media (min-width: 981px) {
  .wrap,
  section[style*="max-width:1280px"],
  section[style*="max-width:1180px"],
  section[style*="max-width:1080px"],
  section[style*="max-width:900px"],
  section>div[style*="max-width:1280px"],
  section>div[style*="max-width:1080px"],
  main[style*="max-width:1280px"],
  .svc-topbar>div[style*="max-width:1280px"],
  .ind-pagina,
  .ind-barra-in {
    width: calc(100% - 80px) !important;
    max-width: var(--site-shell-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

/* Mai meno di 16px fra il contenuto e il bordo dello schermo (richiesta del
   12/10/2026). Le righe a tutto schermo (.bleed-rows) restano ai bordi:
   sono le colonne dentro che tengono il margine.
   - navbar: 16px per lato fino a 1312, poi la colonna da 1280. Con i 40px
     della colonna il logo, che cede spazio al menu, fra 981 e 1150 si
     rimpicciolirebbe troppo. Sul telefono 24px, come .wrap.
   - footer: la colonna del contenuto, 40px per lato.
   - landing 2: i contenitori da 1200 perdevano il loro padding per la
     regola generale qui sopra e toccavano i bordi; ora tengono 40px. */
@media (min-width: 981px) {
  header>div { width: calc(100% - 32px) !important; }
  footer>div { width: calc(100% - 80px) !important; }
  section>div[style*="max-width:1200px"] {
    width: calc(100% - 80px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 980px) {
  header>div { padding-left: 24px !important; padding-right: 24px !important; }
}