/* Scoped to the article detail dialog; NFC and other dialogs are unchanged. */
dialog.mc-detail[open]{display:block!important;position:fixed!important;inset:0!important;float:none!important;transform:none!important;margin:auto!important;width:calc(100vw - 24px)!important;max-width:520px!important;min-width:0!important;height:fit-content!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;padding:12px!important;box-sizing:border-box!important;border:0!important;border-radius:28px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-top:60px;background:#f2f5f9!important;isolation:isolate}
dialog.mc-detail>.mc-close{display:flex!important;align-items:center!important;justify-content:center!important;position:sticky!important;top:0!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;transform:none!important;margin:0 0 10px auto!important;padding:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;border:1px solid #fff!important;border-radius:50%!important;background:#e0e9f1!important;color:#403792!important;font-size:0!important;line-height:1!important;z-index:20!important;overflow:hidden!important;flex:none!important;box-shadow:0 2px 8px #28234b12}
dialog.mc-detail>.mc-close::after{content:'×';font-family:Arial,sans-serif;font-size:28px;line-height:1;font-weight:400}
dialog.mc-detail>.mc-close:focus-visible{outline:3px solid #403792;outline-offset:2px}
dialog.mc-detail>.mc-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;float:none!important;grid-column:auto!important;overflow-wrap:anywhere}
dialog.mc-detail .mc-info,dialog.mc-detail .mc-menu,dialog.mc-detail .mc-menu-panel{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
dialog.mc-detail .mc-menu-panel{width:100%!important}
dialog.mc-detail .mc-photo{width:100%!important;max-height:none!important;aspect-ratio:1/1!important}
dialog.mc-detail .mc-photo img{display:block!important;max-width:100%!important;object-fit:contain!important}
@media(min-width:760px){dialog.mc-detail[open]{padding:16px!important}}
