#mr-journal .sp-photo-viewer:not([open]){display:none}
#mr-journal .sp-photo-viewer{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#10191f;color:#fff;overflow:hidden;overscroll-behavior:contain}
#mr-journal .sp-photo-viewer::backdrop{background:#10191f}
#mr-journal .sp-viewer-bar{position:absolute;top:0;inset-inline:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:#10191f}
#mr-journal .sp-viewer-count{font-size:12px;letter-spacing:1.5px;color:#d8e2e7}
#mr-journal .sp-viewer-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:100px;min-height:48px;padding:10px 16px;border:1px solid #7a8a92;border-radius:25px;background:#23343e;color:#fff;font:600 14px/1.2 Manrope,Arial,sans-serif;touch-action:manipulation;cursor:pointer;z-index:6}
#mr-journal .sp-viewer-close span{font:28px/1 Arial,sans-serif}
#mr-journal .sp-viewer-close:focus-visible,#mr-journal .sp-viewer-arrow:focus-visible{outline:3px solid #ef8a2c;outline-offset:3px}
#mr-journal .sp-viewer-figure{box-sizing:border-box;height:100%;min-height:0;width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(88px + env(safe-area-inset-top)) 76px calc(24px + env(safe-area-inset-bottom))}
#mr-journal .sp-viewer-figure img{display:block;flex:1;min-height:0;max-width:100%;width:100%;height:100%;object-fit:contain;border-radius:0;user-select:none}
#mr-journal .sp-viewer-caption{flex:none;max-width:850px;max-height:15dvh;overflow:auto;color:#d8e2e7;font-size:13px;line-height:1.5;text-align:center;white-space:pre-line}
#mr-journal .sp-viewer-arrow{position:absolute;z-index:4;top:calc(50% - 24px);width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid #7a8a92;border-radius:50%;background:#23343e;color:#fff;font:32px/1 Arial,sans-serif;touch-action:manipulation;cursor:pointer}
#mr-journal .sp-viewer-prev{left:max(14px,env(safe-area-inset-left))}
#mr-journal .sp-viewer-next{right:max(14px,env(safe-area-inset-right))}
#mr-journal .sp-viewer-arrow:disabled{opacity:.3;cursor:default}

@media(max-width:700px){#mr-journal .sp-photo-viewer .sp-viewer-figure{padding:calc(88px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom))}#mr-journal .sp-viewer-arrow{top:auto;bottom:calc(16px + env(safe-area-inset-bottom))}#mr-journal .sp-viewer-prev{left:calc(50% - 62px)}#mr-journal .sp-viewer-next{right:calc(50% - 62px)}#mr-journal .sp-viewer-caption{font-size:12px;padding:0 8px}}
@media(max-height:430px){#mr-journal .sp-photo-viewer .sp-viewer-figure{padding:calc(76px + env(safe-area-inset-top)) 72px calc(12px + env(safe-area-inset-bottom))}#mr-journal .sp-viewer-arrow{top:calc(50% - 24px);bottom:auto}#mr-journal .sp-viewer-prev{left:14px}#mr-journal .sp-viewer-next{right:14px}}

#mr-journal [data-mr-enlarge]{cursor:zoom-in}
#mr-journal [data-mr-enlarge]:focus-visible{outline:3px solid #ef8a2c;outline-offset:4px}
#mr-journal .sp-viewer-figure{touch-action:pan-y pinch-zoom}