/* MATHVERSE CAT 21.0 · Escenes il·lustrades accessibles */
.mv-immersive{max-width:100%;background:linear-gradient(125deg,#0a344a,#113552);border:1px solid #4a8ea1;padding:7px;box-shadow:0 12px 35px #07162a28;container-type:inline-size}
.mv-immersive-svg{aspect-ratio:600/285;max-height:none;height:auto;overflow:hidden;display:block}
.mv-immersive figcaption{color:#e4f5fb;opacity:.94;font-size:11px;padding:7px 10px}
.mv-datum{transition:opacity .18s,filter .18s;transform-box:fill-box;transform-origin:center}
.mv-datum.mv-selected rect{fill:#f7cf77;stroke:#fff4c7;stroke-width:2}
.mv-datum.mv-selected text{fill:#17364a}
.mv-data-link{font:inherit;color:inherit;font-weight:inherit;border:0;border-radius:6px;padding:0 2px;display:inline;background:linear-gradient(transparent 63%,#23bdc3a8 63%);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}
.mv-data-link.mv-selected{background:#efd17e;color:#183949;text-decoration:none}
.mv-data-link:focus-visible{outline:3px solid #ffd480;outline-offset:3px}
.mv-hide-data .mv-datum{opacity:0;pointer-events:none}
.mv-controls{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.mv-controls .light-button{padding:6px 9px;min-height:36px;font-size:12px;white-space:normal}
.mv-understand{margin:12px 0 17px;border:1px solid var(--line,#568ba8);border-radius:12px;background:var(--panel2,#1c344a);padding:11px 13px;font-size:13px}
.mv-understand summary{cursor:pointer;font-weight:800;color:var(--aqua,#26d7c5);list-style:revert}
.mv-understand[open] summary{margin-bottom:12px}
.mv-understand p{margin:3px 0 12px}
.mv-live:empty{display:none}.mv-live{font-size:12px;color:var(--muted,#d7eff3);margin:2px 0 7px}
.mv-animate .mv-art{animation:mv-drift 2.6s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes mv-drift{from{transform:translateY(0)}to{transform:translateY(-6px)}}
.mv-dialog{max-width:min(94vw,960px);width:94vw;max-height:92vh;border:2px solid #7ee5d3;border-radius:18px;background:#0e263e;color:#f4fffd;padding:16px;box-shadow:0 20px 65px #001c39b8}
.mv-dialog::backdrop{background:#001420d1}.mv-dialog-scene .mv-figure{max-width:none;margin:10px 0 0}.mv-dialog-scene .mv-illustration{max-height:75vh}
.problem-card .mv-immersive .mv-illustration{max-height:155px}.problem-card .mv-datum{display:none}
.problem-card .mv-immersive{pointer-events:none}.problem-card .mv-immersive text{font-size:19px}
@media(max-width:510px){.mv-controls{gap:6px}.mv-controls .light-button{flex:1 1 46%;font-size:11px}.mv-immersive figcaption{font-size:10px}.mv-dialog{padding:8px}}
@media(prefers-reduced-motion:reduce){.mv-art,.mv-animate .mv-art{animation:none!important}.mv-datum{transition:none}}
@media print{.mv-immersive{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.mv-controls,.mv-dialog{display:none!important}}

/* MATHVERSE CAT 23.0: escenes vectorials més riques, amb etiquetes vinculades */
.mv-immersive{border-radius:18px;box-shadow:0 12px 36px rgba(0,24,42,.29),inset 0 1px rgba(255,255,255,.16)}
.mv23-enhancement{pointer-events:none}.mv23-anchor{transition:filter .16s,opacity .16s}
.mv23-anchor.mv-selected rect{fill:#ffd375;stroke:#fff6c0;stroke-width:2.5}
.mv23-anchor.mv-selected text{fill:#24394b}
.mv-immersive .mv23-anchor.mv-selected{filter:drop-shadow(0 0 7px #ffe1a6)}
.problem-card .mv23-anchor{display:none}
@media(max-width:510px){.mv-immersive{border-radius:13px}.mv23-enhancement>text{font-size:8px}}
@media(prefers-reduced-motion:reduce){.mv23-anchor{transition:none!important}}
.mv23-atmosphere{pointer-events:none}
