/* In-page media keeps the source's protection boundary and reader palette. */
img[data-reader-image]{cursor:zoom-in;touch-action:manipulation}
img[data-reader-image]:focus-visible{outline:3px solid var(--reader-ui-accent,var(--tr-accent,#146b52));outline-offset:4px}
html.reader-image-open{overflow:hidden;scrollbar-gutter:stable}
dialog.reader-image-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:1400px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid var(--reader-ui-line,var(--tr-border,#d9dfdc));border-radius:16px;background:var(--reader-background,var(--tr-bg,#f5f5f5));color:var(--reader-ui-ink,var(--tr-ui,#26332e));font:15px/1.5 system-ui,sans-serif;overflow:hidden;text-align:start;letter-spacing:normal}
dialog.reader-image-dialog[open]{display:flex;flex-direction:column}
.reader-image-dialog::backdrop{background:#000b}
.reader-image-dialog *{box-sizing:border-box}
.reader-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--reader-ui-line,var(--tr-border,#d9dfdc));flex:none}
.reader-image-dialog button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:auto;padding:8px 12px;border:1px solid var(--reader-ui-line,var(--tr-border,#d9dfdc));border-radius:8px;background:var(--reader-ui-surface,var(--tr-panel,#e9eeeb));color:inherit;font:inherit;line-height:1.3;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:none;text-transform:none;letter-spacing:normal}
.reader-image-dialog button:disabled{opacity:.4;cursor:default}
.reader-image-dialog button:active:not(:disabled){background:var(--reader-ui-line,var(--tr-border,#d9dfdc))}
.reader-image-dialog button:focus-visible{outline:3px solid var(--reader-ui-accent,var(--tr-accent,#146b52));outline-offset:2px}
.reader-image-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.reader-image-stage.is-zoomed{cursor:grab}.reader-image-stage.is-zoomed:active{cursor:grabbing}
.reader-image-dialog .reader-image-stage img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain;transform-origin:center;pointer-events:none}
.reader-image-dialog [hidden]{display:none!important}
.reader-image-stage [role=status]{position:absolute;inset:45% 16px auto;text-align:center;margin:0;font:inherit;color:inherit}
.reader-image-footer{padding:8px 16px 12px;border-top:1px solid var(--reader-ui-line,var(--tr-border,#d9dfdc));flex:none}
.reader-image-dialog .reader-image-caption{max-height:3em;overflow:auto;margin:0 0 8px;font:inherit;color:inherit;overflow-wrap:anywhere}
.reader-image-caption:empty{display:none}
.reader-image-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.reader-image-dialog .reader-image-help{font:12px/1.4 system-ui,sans-serif;text-align:center;margin:8px 0 0;color:inherit;opacity:.75}
@media(hover:hover) and (pointer:fine){.reader-image-dialog button:hover:not(:disabled){border-color:currentColor}}
@media(max-width:600px){dialog.reader-image-dialog{width:100%;height:100vh;height:100dvh;max-width:100%;border:0;border-radius:0}.reader-image-toolbar{padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.reader-image-footer{padding:8px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.reader-image-actions{gap:4px}.reader-image-dialog button{padding:8px}.reader-image-help{display:none}}
@media print{dialog.reader-image-dialog{display:none!important}}
