/* Musurgia Mundi — modello compatto dell'indice del Melodramma classico.
   Un'unica colonna; titoli di capitolo espandibili, paragrafi al primo clic. */
.atlas-autonav>nav.mm-compact-ready{
 width:min(700px,calc(100vw - 24px))!important;
 grid-template-columns:minmax(0,1fr)!important;gap:0!important;
}
.atlas-autonav>nav.mm-compact-ready.mm-compact-home{display:grid!important;gap:.45rem!important}
.atlas-autonav>nav.mm-compact-ready.mm-compact-home .atlas-group-title{margin-top:.35rem!important}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-heading{
 display:block!important;color:#403041!important;margin:.05rem 0 .8rem!important;
 font:750 .88rem/1.4 system-ui!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter,
.menu-panel.mm-compact-romantic .mm-compact-chapter{
 display:block!important;min-width:0!important;margin:.32rem 0 .52rem!important;
 border-left:2px solid #bdaabd!important;padding:0 0 0 .65rem!important;
 background:transparent!important;overflow:visible!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>summary,
.menu-panel.mm-compact-romantic .mm-compact-chapter>summary{
 display:list-item!important;list-style:disclosure-closed inside!important;
 cursor:pointer!important;padding:.52rem .65rem!important;
 font:750 .83rem/1.45 system-ui,-apple-system,sans-serif!important;
 color:#342437!important;background:#eee6ec!important;
 border:1px solid #dacdd4!important;border-radius:4px!important;
 overflow-wrap:anywhere!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter[open]>summary,
.menu-panel.mm-compact-romantic .mm-compact-chapter[open]>summary{
 list-style:disclosure-open inside!important;background:#e4d9e4!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>a,
.menu-panel.mm-compact-romantic .mm-compact-chapter>a{
 display:block!important;width:100%!important;min-height:0!important;
 padding:.5rem .7rem!important;margin:0!important;text-decoration:none!important;
 border:0!important;border-bottom:1px solid #e9e1da!important;border-radius:0!important;
 font:500 .83rem/1.5 system-ui,-apple-system,sans-serif!important;
 color:#302834!important;background:#fffdf9!important;white-space:normal!important;
 overflow-wrap:anywhere!important;box-sizing:border-box!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>a.mm-compact-go,
.menu-panel.mm-compact-romantic .mm-compact-chapter>a.mm-compact-go{font-weight:650!important;background:#faf7f1!important}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>a:hover,
.menu-panel.mm-compact-romantic .mm-compact-chapter>a:hover{background:#eee6ef!important}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>a:focus-visible,
.menu-panel.mm-compact-romantic .mm-compact-chapter>a:focus-visible,
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter>summary:focus-visible,
.menu-panel.mm-compact-romantic .mm-compact-chapter>summary:focus-visible{
 outline:2px solid #7b567c!important;outline-offset:2px!important;
}
.atlas-autonav>nav.mm-compact-ready>.mm-compact-extra{
 display:block!important;width:100%!important;padding:.45rem .7rem!important;
 font:650 .83rem/1.5 system-ui!important;color:#342437!important;background:#f6f0e9!important;
 border:0!important;border-bottom:1px solid #e5dbd4!important;text-decoration:none!important;
}
.menu-panel.mm-compact-romantic{
 position:absolute!important;top:calc(100% + 9px)!important;left:0!important;right:auto!important;
 width:min(700px,calc(100vw - 24px))!important;
 max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;
 display:block!important;grid-template-columns:1fr!important;gap:0!important;
 padding:1rem!important;box-sizing:border-box!important;
}
.menu-panel.mm-compact-romantic .menu-group{display:block!important;grid-column:auto!important;margin:.55rem 0!important}
.menu-panel.mm-compact-romantic .menu-group>strong{
 display:block!important;font:800 .73rem/1.45 system-ui!important;
 padding:.5rem .3rem!important;color:#60425f!important;
}
.menu-panel.mm-compact-romantic .menu-preface .index-subsections{margin-bottom:.45rem!important}
.menu-panel.mm-compact-romantic .mm-compact-outro{margin-top:.9rem!important}
.mm-index-panel.mm-compact-ready{
 width:min(700px,calc(100vw - 24px))!important;max-height:calc(100dvh - 86px)!important;
 grid-template-columns:1fr!important;padding:.9rem!important;
}
#menu>.panel.mm-compact-ready{
 width:min(700px,calc(100vw - 24px))!important;
 max-height:calc(100dvh - 86px)!important;grid-template-columns:1fr!important;
}
@media(max-width:700px){
 .atlas-autonav>nav.mm-compact-ready{left:8px!important;width:calc(100vw - 16px)!important}
 .menu-panel.mm-compact-romantic{left:-48px!important;width:calc(100vw - 16px)!important;
  max-height:calc(100dvh - 73px)!important;padding:.85rem!important}
 .mm-index-panel.mm-compact-ready,#menu>.panel.mm-compact-ready{
  max-height:calc(100dvh - 73px)!important;
 }
}
@media print{
 .atlas-autonav>nav.mm-compact-ready,.menu-panel.mm-compact-romantic{display:none!important}
}

/* Concerti: indice compatto nello stesso stile, Audioteca sempre accessibile. */
nav.main .mm-concerti-index{position:relative!important;flex:0 0 auto!important;margin:0!important}
nav.main .mm-concerti-index>summary{
 cursor:pointer!important;list-style:none!important;
 border-radius:4px!important;padding:.53rem .72rem!important;
 background:#6a4c69!important;color:#fff!important;
 font:750 .82rem/1.3 system-ui!important;
}
nav.main .mm-concerti-index>summary::-webkit-details-marker{display:none}
nav.main .mm-concerti-index[open]>summary{background:#826185!important}
nav.main .mm-concerti-panel{
 position:absolute!important;top:calc(100% + 9px)!important;left:0!important;
 width:min(700px,calc(100vw - 24px))!important;max-height:calc(100dvh - 86px)!important;
 overflow-y:auto!important;background:#faf7f1!important;color:#292331!important;
 padding:1rem!important;box-shadow:0 14px 42px #17132355!important;
 border:1px solid #d5c8bd!important;border-radius:4px!important;
 box-sizing:border-box!important;white-space:normal!important;
}
nav.main .mm-concerti-panel .mm-compact-heading{display:block!important;margin:0 0 .7rem!important;font:750 .86rem/1.45 system-ui!important}
nav.main .mm-concerti-panel .mm-compact-chapter{margin:.32rem 0 .5rem!important;border-left:2px solid #bdaabd!important;padding-left:.55rem!important}
nav.main .mm-concerti-panel .mm-compact-chapter>summary{list-style:disclosure-closed inside!important;cursor:pointer!important;
 background:#eee6ec!important;border:1px solid #dacdd4!important;border-radius:4px!important;
 padding:.53rem .6rem!important;font:750 .83rem/1.45 system-ui!important;color:#342437!important}
nav.main .mm-concerti-panel .mm-compact-chapter[open]>summary{list-style:disclosure-open inside!important;background:#e4d9e4!important}
nav.main .mm-concerti-panel .mm-compact-chapter>a{
 display:block!important;background:#fffdf9!important;color:#302834!important;text-decoration:none!important;
 font:500 .83rem/1.5 system-ui!important;padding:.48rem .65rem!important;border-bottom:1px solid #e9e1da!important;white-space:normal!important
}
nav.main .mm-concerti-panel .mm-compact-chapter>a:hover{background:#eee6ef!important}
@media(max-width:700px){
 nav.main .mm-concerti-panel{position:fixed!important;left:8px!important;right:8px!important;
 top:58px!important;width:auto!important;max-height:calc(100dvh - 73px)!important}
 .menu-panel.mm-compact-romantic{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important}
 .mm-index-panel.mm-compact-ready{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important}
 #menu>.panel.mm-compact-ready{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important}
}

/* Avanguardie: capitoli e sottoindici in una colonna, senza toccare la bozza. */
.av-panel.mm-compact-ready{
 display:block!important;grid-template-columns:1fr!important;
 width:min(700px,calc(100vw - 24px))!important;
 padding:.9rem!important;max-height:calc(100dvh - 85px)!important;overflow-y:auto!important;
}
.av-panel.mm-compact-ready>strong{display:block!important;margin:.2rem 0 .7rem!important;font:800 .87rem/1.45 system-ui!important;color:#403041!important}
.av-panel.mm-compact-ready>.mm-compact-chapter{display:block!important;margin:.33rem 0 .5rem!important;border-left:2px solid #bdaabd!important;padding-left:.55rem!important}
.av-panel.mm-compact-ready>.mm-compact-chapter>summary{display:list-item!important;list-style:disclosure-closed inside!important;cursor:pointer!important;
 padding:.53rem .65rem!important;border:1px solid #dacdd4!important;border-radius:4px!important;
 background:#eee6ec!important;color:#342437!important;font:750 .83rem/1.45 system-ui!important}
.av-panel.mm-compact-ready>.mm-compact-chapter[open]>summary{list-style:disclosure-open inside!important;background:#e4d9e4!important}
.av-panel.mm-compact-ready>.mm-compact-chapter>a{display:block!important;width:100%!important;text-decoration:none!important;
 background:#fffdf9!important;color:#302834!important;font:500 .83rem/1.5 system-ui!important;
 padding:.48rem .65rem!important;border:0!important;border-bottom:1px solid #e9e1da!important;
 box-sizing:border-box!important;overflow-wrap:anywhere!important}
.av-panel.mm-compact-ready>.mm-compact-chapter>a:hover{background:#eee6ef!important}
@media(max-width:700px){
 .av-panel.mm-compact-ready{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100dvh - 73px)!important}
}

/* mm-compact-desktop-two-columns — due colonne sui desktop, una sui telefoni.
   La gerarchia dei dettagli resta indipendente dalla disposizione grafica. */
@media (min-width:821px){
 .atlas-autonav>nav.mm-compact-ready{
  width:min(920px,calc(100vw - 24px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:.15rem 1rem!important;
 }
 .atlas-autonav>nav.mm-compact-ready>.mm-compact-heading{
  grid-column:1/-1!important;
 }
 .menu-panel.mm-compact-romantic{
  width:min(920px,calc(100vw - 24px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:.25rem 1rem!important;
 }
 .menu-panel.mm-compact-romantic .menu-group{min-width:0!important}
 .menu-panel.mm-compact-romantic .menu-preface,
 .menu-panel.mm-compact-romantic .menu-outro{grid-column:1/-1!important}
 .mm-index-panel.mm-compact-ready,
 #menu>.panel.mm-compact-ready{
  width:min(920px,calc(100vw - 24px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:.25rem 1rem!important;
 }
 nav.main .mm-concerti-panel{
  width:min(920px,calc(100vw - 24px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:.2rem 1rem!important;
 }
 nav.main .mm-concerti-panel>.mm-compact-heading{grid-column:1/-1!important}
 .av-panel.mm-compact-ready{
  width:min(920px,calc(100vw - 24px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;gap:.2rem 1rem!important;
 }
 .av-panel.mm-compact-ready>strong{grid-column:1/-1!important}
}
@media (max-width:820px){
 .atlas-autonav>nav.mm-compact-ready,
 .menu-panel.mm-compact-romantic,
 .mm-index-panel.mm-compact-ready,
 #menu>.panel.mm-compact-ready,
 nav.main .mm-concerti-panel,
 .av-panel.mm-compact-ready{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
/* Nessuna larghezza fissa per le voci, incluse quelle con titoli molto lunghi. */
.atlas-autonav>nav.mm-compact-ready>.mm-compact-chapter,
.menu-panel.mm-compact-romantic .mm-compact-chapter,
.mm-index-panel.mm-compact-ready .mm-chapter,
#menu>.panel.mm-compact-ready .pc-chapter,
nav.main .mm-concerti-panel .mm-compact-chapter,
.av-panel.mm-compact-ready>.mm-compact-chapter{
 min-width:0!important;break-inside:avoid!important;
}
