.area-page .area-index{position:sticky;top:var(--area-header-height,112px);z-index:90;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 3%;margin:0;background:var(--area-soft,#fafaf8);border-top:1px solid color-mix(in srgb,var(--area-accent) 25%,transparent);border-bottom:2px solid var(--area-accent);box-shadow:0 5px 14px #20263012}
.area-page .area-index a{flex:0 1 auto;text-align:center;border:1px solid color-mix(in srgb,var(--area-accent) 35%,white);border-radius:5px;padding:10px 14px;font:600 11px/1.35 'Segoe UI',Arial,sans-serif;letter-spacing:.025em;background:linear-gradient(120deg,#fff,var(--area-soft));color:var(--area-accent);transition:background .2s,color .2s,box-shadow .2s}
.area-page .area-index a:hover,.area-page .area-index a:focus-visible,.area-page .area-index a[aria-current]{background:var(--area-accent);color:white;box-shadow:0 2px 7px #0002}
.area-page .area-index a:focus-visible{outline:2px solid var(--area-accent);outline-offset:3px}
html .area-page .area-topic[id]{scroll-margin-top:calc(var(--area-header-height,112px) + var(--area-index-height,65px) + 16px)}
@media(max-width:800px){.area-page .area-index{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;padding:8px 12px;gap:6px}.area-page .area-index a{flex:none;max-width:230px;padding:9px 12px;font-size:10px}}
/* Dimensioni comuni per i collegamenti rapidi delle tre aree aggiornate. */
.area-page:is([data-area="aerospace"],[data-area="barriere"],[data-area="multiverso"],[data-area="alusol"]) .area-index a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 190px;width:190px;max-width:none;height:40px;padding:6px 10px}
@media(max-width:800px){.area-page:is([data-area="aerospace"],[data-area="barriere"],[data-area="multiverso"],[data-area="alusol"]) .area-index a{flex:0 0 220px;width:220px;height:40px}}

/* Instagram icon in the technical-area index: reserve only its own footprint. */
.area-index>a.area-instagram{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px;padding:0!important;margin-left:4px;border:0;background:transparent;box-shadow:none!important}
.area-index>a.area-instagram:hover,.area-index>a.area-instagram:focus-visible{background:transparent;color:inherit;box-shadow:none!important}
.area-index>a.area-instagram picture,.area-index>a.area-instagram img{display:block;width:46px;height:46px;object-fit:contain}

/* Keep technical navigation centered as one group; Instagram sits beside its last item. */
.area-page .area-index{justify-content:center!important;gap:8px!important}
.area-page .area-index>a.area-instagram{position:static!important;inset:auto!important;transform:none!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;margin:0 0 0 2px!important;padding:0!important;align-self:center!important}
.area-page .area-index>a.area-instagram picture,.area-page .area-index>a.area-instagram img{width:46px!important;height:46px!important;display:block!important;object-fit:contain!important}

/* Keep Instagram outside the centered link group and beside its final cell. */
@media(min-width:801px){
  .area-page .area-index>a.area-instagram{position:absolute!important;left:calc(50% + 499px)!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;}
  .area-page[data-area="barriere"] .area-index>a.area-instagram{left:calc(50% + 499px)!important;}
  .area-page[data-area="alusol"] .area-index>a.area-instagram{left:calc(50% + 598px)!important;}
  .area-page[data-area="multiverso"] .area-index>a.area-instagram{left:calc(50% + 796px)!important;}
}