/* Musurgia Mundi | menu condiviso: impostazione visiva del Romanticismo.
   L'indice mantiene gli href originali: soltanto la presentazione e il controllo cambiano. */
html{scroll-padding-top:4.8rem}
.atlas-autonav{
 --atlas-menu-night:#282637;--atlas-menu-accent:#53405d;--atlas-menu-highlight:#705570;
 position:sticky!important;top:0!important;z-index:1000!important;
 display:flex!important;align-items:center!important;gap:.65rem!important;
 width:100%!important;min-height:55px!important;height:auto!important;
 margin:0!important;padding:.38rem clamp(12px,3vw,30px)!important;
 overflow:visible!important;background:var(--atlas-menu-night)!important;
 color:#fff4e9!important;border-bottom:0!important;
 box-shadow:0 5px 20px rgba(24,19,34,.19)!important;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.atlas-autonav[data-atlas-page="barocco"]{--atlas-menu-night:#2b2932;--atlas-menu-accent:#763c32;--atlas-menu-highlight:#925449}
.atlas-autonav[data-atlas-page="rinascimento"]{--atlas-menu-night:#2b3038;--atlas-menu-accent:#55634c;--atlas-menu-highlight:#687b5c}
.atlas-autonav[data-atlas-page="medioevo"]{--atlas-menu-night:#272f33;--atlas-menu-accent:#556a70;--atlas-menu-highlight:#667e85}
.atlas-autonav[data-atlas-page="melodramma"]{--atlas-menu-night:#302636;--atlas-menu-accent:#744c58;--atlas-menu-highlight:#906277}
.atlas-autonav[data-atlas-page="classicismo"]{--atlas-menu-night:#303041;--atlas-menu-accent:#71604b;--atlas-menu-highlight:#937c5e}
.atlas-autonav[data-atlas-page="risorgimento"]{--atlas-menu-night:#29313a;--atlas-menu-accent:#5b5b51;--atlas-menu-highlight:#777667}
.atlas-autonav[data-atlas-page="home"]{--atlas-menu-night:#29231f;--atlas-menu-accent:#675039;--atlas-menu-highlight:#876c49}
.atlas-autonav>.atlas-home-link{
 display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
 margin:0!important;padding:.47rem .7rem!important;
 color:#f8f0e4!important;background:transparent!important;
 border:1px solid #ffffff52!important;border-radius:4px!important;
 font:750 .79rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 text-decoration:none!important;white-space:nowrap!important;
}
.atlas-autonav>.atlas-home-link:hover,.atlas-autonav>.atlas-home-link:focus-visible{background:#ffffff20!important;color:#fff!important}
.atlas-autonav>.atlas-menu-toggle{
 display:inline-flex!important;align-items:center!important;gap:.5rem!important;
 height:auto!important;min-height:34px!important;margin:0!important;
 padding:.52rem .82rem!important;border:0!important;border-radius:4px!important;
 background:var(--atlas-menu-accent)!important;color:#fff4e9!important;
 font:750 .8rem/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 cursor:pointer!important;position:relative!important;
 white-space:normal!important;text-align:left!important;
}
.atlas-autonav>.atlas-menu-toggle:hover,.atlas-autonav>.atlas-menu-toggle:focus-visible,
.atlas-autonav.atlas-menu-open>.atlas-menu-toggle{background:var(--atlas-menu-highlight)!important;color:#fff!important}
.atlas-autonav>.atlas-menu-toggle .atlas-menu-arrow{font-size:.8rem;transition:transform .18s}
.atlas-autonav.atlas-menu-open>.atlas-menu-toggle .atlas-menu-arrow{transform:rotate(180deg)}
.atlas-autonav>.atlas-menu-context{
 display:block!important;margin-left:auto!important;
 font:600 .7rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:.045em;color:#e9ddd1!important;text-align:right;
}
.atlas-autonav>nav{
 position:absolute!important;top:calc(100% + .55rem)!important;
 left:clamp(12px,3vw,30px)!important;right:auto!important;
 width:min(920px,calc(100vw - 24px))!important;max-width:none!important;
 max-height:0!important;margin:0!important;padding:0!important;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:1rem!important;align-content:start!important;
 background:#faf7f1!important;color:#222333!important;
 border:0!important;border-radius:4px!important;
 box-shadow:0 14px 42px rgba(23,19,35,.32)!important;
 overflow:hidden!important;visibility:hidden!important;opacity:0!important;
 pointer-events:none!important;transform:translateY(-5px);
 transition:opacity .16s,transform .16s,visibility .16s!important;
}
.atlas-autonav.atlas-menu-open>nav{
 padding:1.15rem!important;max-height:calc(100dvh - 5rem)!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 visibility:visible!important;opacity:1!important;
 pointer-events:auto!important;transform:translateY(0);
 border:1px solid #d5c8bd!important;
}
.atlas-autonav>nav .atlas-group,.atlas-autonav>nav .nav-row.atlas-group{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 justify-content:flex-start!important;gap:0!important;
 padding:0!important;margin:0!important;min-width:0!important;
 width:100%!important;max-width:none!important;height:auto!important;
 overflow:visible!important;scroll-snap-type:none!important;
 border:0!important;background:transparent!important;
}
.atlas-autonav>nav .atlas-group-title{
 display:block!important;margin:0 0 .45rem!important;padding:0 0 .5rem!important;
 font:800 .72rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 text-transform:uppercase!important;letter-spacing:.07em!important;
 color:#63445e!important;border-bottom:1px solid #d5c8bd!important;
}
.atlas-autonav>nav .atlas-group>a,.atlas-autonav>nav .atlas-group>button{
 display:block!important;flex:0 0 auto!important;max-width:100%!important;
 width:100%!important;min-height:0!important;
 padding:.42rem .45rem!important;margin:0!important;
 border:0!important;border-bottom:1px solid #e2d9cf!important;
 border-radius:0!important;background:transparent!important;
 color:#282636!important;text-decoration:none!important;
 font:600 .87rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 text-align:left!important;white-space:normal!important;
 overflow-wrap:anywhere!important;scroll-snap-align:none!important;
}
.atlas-autonav>nav .atlas-group>a:hover,.atlas-autonav>nav .atlas-group>a:focus-visible,
.atlas-autonav>nav .atlas-group>a.active{
 background:#eee7dd!important;color:#513551!important;
}
.atlas-autonav>nav .atlas-group>a.under{
 color:#776c64!important;border-bottom-style:dashed!important;font-size:.81rem!important;
}
.atlas-autonav>nav .atlas-group>a.nav-verifica,
.atlas-autonav>nav .atlas-group>a.nav-sos{
 font-weight:800!important;color:#684a31!important;
}
.atlas-autonav>nav .atlas-group>button.nav-stop{
 background:#7b2a24!important;color:#fff!important;
 border-radius:3px!important;cursor:pointer!important;margin-top:.35rem!important;
}
.atlas-autonav a:focus-visible,.atlas-autonav button:focus-visible{
 outline:2px solid #c5a05f!important;outline-offset:2px!important;
}
@media(max-width:700px){
 .atlas-autonav{gap:.45rem!important;padding:.38rem .6rem!important}
 .atlas-autonav>.atlas-home-link{padding:.47rem .55rem!important;font-size:.74rem!important}
 .atlas-autonav>.atlas-menu-toggle{font-size:.76rem!important;padding:.48rem .6rem!important}
 .atlas-autonav>.atlas-menu-context{display:none!important}
 .atlas-autonav>nav{left:8px!important;width:calc(100vw - 16px)!important;
  grid-template-columns:1fr!important;top:calc(100% + .28rem)!important}
 .atlas-autonav.atlas-menu-open>nav{padding:.9rem!important;max-height:calc(100dvh - 4.4rem)!important}
}
@media(prefers-reduced-motion:reduce){
 .atlas-autonav>nav,.atlas-autonav>.atlas-menu-toggle .atlas-menu-arrow{transition:none!important}
}

/* Sottoindici leggibili, coerenti con il Romanticismo. */
.atlas-autonav>nav .atlas-subindex{display:block!important;margin:.2rem 0 .55rem!important;border-left:2px solid #bdaabd!important;padding:0 0 0 .55rem!important;background:transparent!important}
.atlas-autonav>nav .atlas-subindex>summary{display:list-item!important;list-style:disclosure-closed inside!important;cursor:pointer!important;background:#eee6ec!important;color:#342437!important;border:1px solid #dacdd4!important;border-radius:4px!important;padding:.5rem .6rem!important;font:700 .83rem/1.45 system-ui!important}
.atlas-autonav>nav .atlas-subindex[open]>summary{list-style:disclosure-open inside!important;background:#e4d9e4!important}
.atlas-autonav>nav .atlas-subindex>a{display:block!important;background:#fffdf9!important;color:#302834!important;border-bottom:1px solid #e2d9e0!important;padding:.48rem .6rem!important;font:500 .83rem/1.5 system-ui!important;text-decoration:none!important}
.atlas-autonav>nav .atlas-subindex>a:hover{background:#eee6ef!important;color:#25192a!important}