.doc-body img.is-zoomable{cursor:zoom-in}.doc-body img.is-zoomable:focus-visible{outline:3px solid rgb(var(--c-blue));outline-offset:3px}html.zoom-locked{overflow:hidden}.zoom{background:rgb(var(--c-slab));width:100%;max-width:none;height:100%;max-height:none;color:rgb(var(--c-on-slab));font-family:var(--font-sans);border:0;margin:0;padding:0;position:fixed;inset:0}.zoom[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.zoom::backdrop{background:0 0}.zoom__bar{justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}.zoom__size[hidden]{display:none}.zoom__x{font-size:1.4em;line-height:0}.zoom__stage{overscroll-behavior:contain;min-height:0;padding:0 16px;display:flex;overflow:auto}.zoom__img{border-radius:var(--r-sm);background:#fff8e7;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block}.zoom.can-zoom .zoom__img{cursor:zoom-in}.zoom.is-actual .zoom__img{cursor:zoom-out;max-width:none;max-height:none}.zoom__stage.is-dragging,.zoom__stage.is-dragging .zoom__img{cursor:grabbing;-webkit-user-select:none;user-select:none}.zoom__caption{max-width:72ch;padding:12px 16px max(24px, env(safe-area-inset-bottom));text-align:center;font-size:var(--fs-14);color:rgb(var(--c-on-slab) / .85);margin:0 auto;line-height:1.45}.zoom__caption:empty{display:none}@media (prefers-reduced-motion:no-preference){.zoom[open]{animation:zoom-fade .16s var(--e-out)}.zoom[open] .zoom__img{animation:zoom-grow .22s var(--e-out)}}@keyframes zoom-fade{0%{opacity:0}}@keyframes zoom-grow{0%{transform:scale(.96)}}