/* Redhat Manual v2 — reader image zoom (M4R2 item14-15). Pure CSS, no design-token changes. */
.rh-zoomable{cursor:zoom-in;-webkit-tap-highlight-color:transparent}
dialog.rh-zoom{border:0;padding:0;background:transparent;max-width:none;max-height:none;
  width:100vw;height:100vh;margin:0;box-sizing:border-box}
dialog.rh-zoom::backdrop{background:rgba(0,0,0,.92)}
dialog.rh-zoom[open]{display:flex;align-items:center;justify-content:center}
.rh-zoom__img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain;
  cursor:zoom-out;display:block;border-radius:4px;-webkit-user-drag:none;user-select:none}
.rh-zoom__hint{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);color:#fff;
  background:rgba(0,0,0,.45);padding:6px 14px;border-radius:999px;pointer-events:none;opacity:.85;
  font:600 13px/1.4 "IBM Plex Sans Thai",system-ui,-apple-system,sans-serif;letter-spacing:.02em}
@media(prefers-reduced-motion:no-preference){dialog.rh-zoom[open]{animation:rh-zoom-in .14s ease-out}}
@keyframes rh-zoom-in{from{opacity:0}to{opacity:1}}