/* Correzioni home del 7 novembre 2026, applicate al sito statico GitHub.
 * Non sostituiscono l'esportazione completa del progetto ChatGPT Sites. */

/* Desktop orizzontale: solo le due parole non selezionate cambiano dimensione,
   con la stessa fluidita' dello spostamento. La parola attiva resta invariata. */
@media (hover:hover) and (pointer:fine) and (min-width:761px) and (prefers-reduced-motion:no-preference) {
  .fixed-portal-words a {
    transition:font-size 850ms cubic-bezier(.22,.68,.25,1),color 600ms ease!important;
  }
}

/* Desktop con finestra stretta: usa la disposizione e l'anteprima verticali
   della vista mobile anziche' le etichette flottanti del layout orizzontale. */
@media (hover:hover) and (pointer:fine) and (max-width:760px) {
  .fixed-portal-words {display:none!important}
  .portal-panel .panel-content {visibility:visible!important}
  .portal-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(3,minmax(0,1fr));
    transition:grid-template-rows 950ms cubic-bezier(.22,.68,.2,1)!important;
  }
  .portal-grid:has(.portal-panel:nth-child(1).preview) {grid-template-rows:3fr .5fr .5fr}
  .portal-grid:has(.portal-panel:nth-child(2).preview) {grid-template-rows:.5fr 3fr .5fr}
  .portal-grid:has(.portal-panel:nth-child(3).preview) {grid-template-rows:.5fr .5fr 3fr}
  .portal-panel {
    min-width:0;
    min-height:0;
    transition:background-color 750ms ease,color 750ms ease!important;
  }
  .portal-panel .panel-image,.portal-panel .panel-shade {transition:opacity 750ms ease!important}
  .portal-panel .panel-content strong {
    font-size:clamp(26px,6vw,42px)!important;
    transition:font-size 850ms cubic-bezier(.22,.68,.25,1)!important;
  }
  .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) {
    background:#f5f5f0;
    color:#18231d;
  }
  .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) .panel-image,
  .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) .panel-shade {opacity:0}
  .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) .panel-content strong {
    font-size:clamp(17px,3.2vw,24px)!important;
  }
  html[data-theme="dark"] .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) {
    background:#222624;
    color:#f2f4f1;
  }
}
@media (hover:hover) and (pointer:fine) and (max-width:760px) and (prefers-color-scheme:dark) {
  html:not([data-theme]) .portal-grid:has(.portal-panel.preview) .portal-panel:not(.preview) {
    background:#222624;
    color:#f2f4f1;
  }
}
@media (prefers-reduced-motion:reduce) {
  .fixed-portal-words a,.portal-grid,.portal-panel,.portal-panel .panel-image,
  .portal-panel .panel-shade,.portal-panel .panel-content strong {transition:none!important}
}