/* The enlarged-picture viewer (engine/zoom.js), on every page with a picture to enlarge. Colour tokens from site.css. */
a[data-zoom]{cursor:zoom-in}
.zm-dlg{border:0;padding:0;width:min(96vw,1600px);max-width:96vw;max-height:96vh;height:96vh;background:var(--sheet,#fff);
  color:var(--sheetink,#1d2433);border-radius:14px;overflow:hidden;flex-direction:column}
.zm-dlg[open]{display:flex}
.zm-dlg::backdrop{background:rgba(0,0,0,.82)}
.zm-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px;flex:0 0 auto}
.zm-bar button{min-width:44px;min-height:44px;padding:0 16px;border:1px solid var(--line,#ccc);border-radius:99px;background:var(--sheet,#fff);
  color:var(--sheetink,#1d2433);font:700 16px/1 system-ui,sans-serif;cursor:pointer}
.zm-bar .zm-go{margin-right:auto;border-color:var(--teal,#006B62);background:var(--teal,#006B62);color:var(--onteal,#fff)}
.zm-bar .zm-go[hidden]{display:none}
.zm-view{flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#111;
  touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.zm-view img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}
.zm-on .zm-view{display:block}
.zm-on .zm-view img{max-width:none;max-height:none;cursor:zoom-out}
.zm-cap{flex:0 0 auto;margin:0;padding:10px 14px 14px;font:16px/1.45 system-ui,sans-serif;max-height:30vh;overflow:auto;white-space:pre-line}
@media (max-width:759px){.zm-bar button{padding:0 12px}.zm-dlg{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.zm-cap{font-size:15px}}