[data-guide-image]{cursor:zoom-in}
.image-popup{box-sizing:border-box;width:min(92vw,860px);max-width:none;max-height:calc(100dvh - 32px);padding:16px;margin:auto;border:1px solid #ffffff35;border-radius:18px;background:#141e2d;color:#f2f4fa;box-shadow:0 24px 80px #0009}
.image-popup:not([open]){display:none}
.image-popup::backdrop{background:#050a12d9}
.image-popup-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.image-popup-header h2{font-size:1rem;margin:0}
.image-popup-close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #ffffff40;border-radius:10px;background:#ffffff10;color:inherit;font:28px/1 Segoe UI,system-ui,sans-serif;cursor:pointer}
.image-popup-close:hover{background:#ffffff20}
.image-popup-close:focus-visible{outline:3px solid #accaff;outline-offset:3px}
.image-popup figure{margin:0}
.image-popup img{display:block;width:100%;height:calc(100dvh - 180px);max-height:1000px;object-fit:contain}
.image-popup figcaption{max-width:660px;margin:12px auto 0;color:#c8d4e6;font-size:.88rem;text-align:center;line-height:1.4}
@media(max-width:560px){.image-popup{width:calc(100vw - 20px);padding:12px;border-radius:12px}.image-popup-header{gap:8px}.image-popup-header h2{font-size:.92rem}.image-popup img{height:calc(100dvh - 180px)}}
@media print{.image-popup{display:none!important}}