.reader .page > img { cursor: zoom-in; }
.reader .page > img:focus-visible { outline: 3px solid #491108; outline-offset: -3px; }
#page-zoom { width: 96vw; height: 94dvh; max-width: 96vw; max-height: 94dvh; padding: 0; border: 1px solid #d9d2c4; background: #f3f0e7; color: #28231f; overflow: hidden; }
#page-zoom::backdrop { background: #000a; }
#page-zoom[open] { display: flex; flex-direction: column; }
.zoom-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 8px 12px; border-bottom: 1px solid #d9d2c4; }
.zoom-toolbar button { min-height: 44px; padding: 8px 12px; background: none; border: 1px solid #491108; font-size: 14px; white-space: nowrap; }
.zoom-viewport { flex: 1; min-height: 0; overflow: auto; padding: 16px; overscroll-behavior: contain; touch-action: pan-x pan-y pinch-zoom; }
#page-zoom .page { max-width: none; margin: 0; }
#page-zoom .page img { width: 100%; height: auto; max-width: none; display: block; }
.portfolio-language a { min-width: 36px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }