/* responsive-fix v1 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden;overflow-wrap:break-word}
img,svg,video,canvas,iframe{max-width:100%}
img,svg,video{height:auto}
figure{margin-left:0;margin-right:0}
figure[data-hero-img]{width:100%}
figure[data-hero-img] img{border-radius:2px}
.img-credit{max-width:100%}
table{max-width:100%;border-collapse:collapse}
/* tabelle: scorre il contenitore, la tabella resta una tabella */
@media (max-width:900px){
  :where(div,section,article,main,figure,td,li):has(> table){overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{width:auto;min-width:0}
}
pre,code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
:where(a,button,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* la nav del footer non deve ereditare il posizionamento del menu mobile */
footer nav,nav.ft-nav,nav.footer-nav{position:static;top:auto;left:auto;right:auto}

/* la navigazione va a capo invece di sfondare (link hub aggiunti) */
nav.site-nav,nav.nav,header nav,nav.nav-awwwards,.nav-inner,.nav-links{flex-wrap:wrap}
nav.site-nav{row-gap:6px}

/* i blocchi indice non devono finire dentro layout a colonne */
section[data-full-index]{column-span:all;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
section[data-full-index] ul{columns:2}
@media (max-width:900px){section[data-full-index] ul,ul[style*="columns"]{columns:1!important}}
img[data-sec-thumb],img[data-cat-thumb]{max-width:min(320px,100%)}