/* Musurgia Mundi · anteprime audiovisive a caricamento esplicito, v1 */
.mm-site-preview{appearance:none;box-sizing:border-box;position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;margin:0;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:0;overflow:hidden;background:linear-gradient(145deg,#243b36,#0f1920);color:#fff;cursor:pointer;text-align:left;z-index:2;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate}
.mm-site-preview[hidden]{display:none!important}
.mm-site-preview--standalone{position:relative;aspect-ratio:16/9;height:auto;min-height:0}
.cantillation-video .mm-site-preview--standalone{height:100%;aspect-ratio:auto}
.mm-site-preview img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:.92;transition:transform .25s ease,opacity .2s ease}
.mm-site-preview:where(:hover,:focus-visible) img{transform:scale(1.035);opacity:1}
.mm-site-preview__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 15%,rgba(9,16,16,.18) 45%,rgba(6,14,15,.88) 100%);pointer-events:none}
.mm-site-preview__circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(48px,12vw,67px);height:clamp(48px,12vw,67px);border-radius:999px;display:grid;place-items:center;background:rgba(250,253,245,.94);box-shadow:0 6px 26px #0008;color:#234b3b;font-size:clamp(22px,4vw,29px);padding-left:3px;line-height:1;transition:background .2s}
.mm-site-preview:hover .mm-site-preview__circle,.mm-site-preview:focus-visible .mm-site-preview__circle{background:#fff}
.mm-site-preview__caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .7rem;padding:1.15rem .75rem .65rem;font-size:clamp(.78rem,2.5vw,.96rem);font-weight:750;line-height:1.3;letter-spacing:0}
.mm-site-preview__caption small{display:block;font-size:.69rem;font-weight:550;color:#f0f5ed;line-height:1.35}
.mm-site-preview:focus-visible{outline:3px solid #e3be76;outline-offset:2px}
.mm-site-preview-ready>.mm-clip-empty,.mm-site-preview-ready>.placeholder,.mm-site-preview-ready>.mozart-compare-placeholder{visibility:hidden}
iframe[data-mm-preview-src]:not(.mm-site-static-active){display:none!important}
@media(prefers-reduced-motion:reduce){.mm-site-preview img{transition:none}.mm-site-preview:where(:hover,:focus-visible) img{transform:none}}

/* La Nona di Beethoven usa un contenitore 16:9 che deve ancorare l'anteprima. */
#nona-video-stage{position:relative;overflow:hidden;min-height:0}

/* Il contenitore della Nona va posizionato rispetto alla propria copertina. */
.nona-video:has(>.mm-site-preview){position:relative}
/* Pulsanti «Prepara» ridondanti, sostituiti dall'anteprima accessibile. */
button[data-mm-load][hidden],button[data-load][hidden],button[data-mozart-load][hidden],button[data-nona-load][hidden]{display:none!important}

/* Arresto esplicito per i 35 lettori originariamente incorporati. */
.mm-site-preview-stop{position:absolute;z-index:4;top:.5rem;right:.5rem;appearance:none;border:1px solid rgba(255,255,255,.85);border-radius:.25rem;background:rgba(15,31,29,.95);color:#fff;cursor:pointer;min-height:44px;padding:.5rem .75rem;font:700 .8rem/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 2px 10px #0007}
.mm-site-preview-stop[hidden]{display:none!important}
.mm-site-preview-stop:focus-visible{outline:3px solid #eac47c;outline-offset:2px}
