/* Only opted-in article photographs and the modal are styled. */
[data-photo-gallery] img.photo-zoomable{cursor:zoom-in}
[data-photo-gallery] img.photo-zoomable:focus-visible{outline:3px solid #729fcf;outline-offset:4px}
dialog.photo-viewer{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;background:#101319;color:#fff;overflow:hidden;font:14px/1.5 system-ui,sans-serif}
dialog.photo-viewer[open]{display:flex;flex-direction:column}
dialog.photo-viewer::backdrop{background:#000e}
.photo-viewer .photo-viewer-bar,.photo-viewer .photo-viewer-footer{display:flex;gap:8px;align-items:center;padding:12px 16px;flex-shrink:0}
.photo-viewer .photo-viewer-bar{flex-wrap:wrap;border-bottom:1px solid #ffffff26}
.photo-viewer button,.photo-viewer a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #ffffff45;border-radius:7px;background:#242a33;color:#fff;font:inherit;text-decoration:none;cursor:pointer}
.photo-viewer button:disabled{opacity:.35;cursor:default}
.photo-viewer button:focus-visible,.photo-viewer a:focus-visible{outline:3px solid #9fc9ff;outline-offset:2px}
.photo-viewer .photo-viewer-count{margin-right:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.photo-viewer .photo-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}
.photo-viewer .photo-viewer-stage.is-zoomed{cursor:grab}
.photo-viewer .photo-viewer-stage.is-zoomed:active{cursor:grabbing}
.photo-viewer img.photo-viewer-image{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;border:0;border-radius:0;box-shadow:none;pointer-events:none;user-select:none}
.photo-viewer [hidden]{display:none!important}
.photo-viewer .photo-viewer-caption{flex:1;min-width:0;text-align:center;max-height:4.5em;overflow:auto;margin:0;overflow-wrap:anywhere}
.photo-viewer .photo-viewer-help{text-align:center;color:#b9c1ce;font-size:12px;margin:0 10px 12px}
.photo-viewer .photo-viewer-error{padding:30px;text-align:center}
@media(max-width:600px){.photo-viewer .photo-viewer-bar{gap:6px;padding:8px}.photo-viewer button,.photo-viewer a{font-size:12px;padding:7px 10px}.photo-viewer .photo-viewer-count{flex-basis:100%;font-size:12px}.photo-viewer .photo-viewer-footer{padding:8px}.photo-viewer .photo-viewer-help{font-size:10px}}