/* Local PhotoSwipe 5.4.4, hosted in a native dialog for focus and inertness. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.media-dialog{--viewer-surface:var(--paper);--viewer-text:var(--green);--viewer-line:#cdd6ce;position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#e6ebe3;color:var(--viewer-text);overscroll-behavior:none}
.media-dialog::backdrop{background:#17251e}
.media-dialog[data-mode="photos"]{--viewer-surface:#20392f;--viewer-text:#f8f9f5;--viewer-line:#53675d;background:#17251e}
.viewer-canvas{position:absolute;inset:0;z-index:1;outline-offset:-3px}
.media-dialog .pswp{position:absolute;inset:0;z-index:1;--pswp-bg:#e6ebe3;--pswp-placeholder-bg:#d4dcd1;--pswp-root-z-index:1}
.media-dialog[data-mode="photos"] .pswp{--pswp-bg:#17251e;--pswp-placeholder-bg:#20392f}
.media-dialog .pswp__img{max-width:none}
.media-dialog .pswp__top-bar{display:none}
.media-dialog .pswp--zoom-allowed .pswp__img{cursor:grab}
.media-dialog .pswp--dragging .pswp__img{cursor:grabbing}
.viewer-top,.viewer-footer{position:absolute;inset-inline:0;z-index:2;background:var(--viewer-surface)}
.viewer-top{top:0;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--viewer-line)}
.viewer-header{display:flex;align-items:center;gap:20px;min-height:64px;padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left))}
.viewer-header h2{margin:0 auto 0 0;font:400 28px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;color:inherit;white-space:nowrap}
.viewer-original{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:14px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.media-dialog button,.viewer-fit{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;border:0;border-radius:4px;padding:8px 12px;background:transparent;color:inherit;font:600 14px/1.3 Arial,Helvetica,sans-serif;cursor:pointer;touch-action:manipulation}
.media-dialog button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.media-dialog button:disabled{opacity:.4;cursor:default}
.media-dialog :is(button,a,select,[tabindex]):focus-visible{outline:3px solid #c08913;outline-offset:-3px}
.media-dialog[data-mode="photos"] :is(button,a,[tabindex]):focus-visible{outline-color:var(--accent)}
.viewer-close{background:var(--green)!important;color:white!important}
.viewer-tabs{display:flex;justify-content:safe center;gap:8px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:thin;max-width:100%}
.viewer-tabs button{min-width:104px;border:1px solid var(--viewer-line)}
.viewer-tabs [aria-selected="true"]{border-color:var(--green);background:var(--green);color:white}
.viewer-footer{bottom:0;padding:8px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--viewer-line)}
.viewer-tools,.viewer-paging,.viewer-zoom-tools{display:flex;align-items:center;justify-content:center;gap:4px}
.viewer-tools{gap:28px;flex-wrap:wrap}
.viewer-count{min-width:60px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.viewer-scale{min-width:48px;text-align:center;font:400 13px/1 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.viewer-fit,.viewer-reset{margin-left:12px;border:1px solid var(--viewer-line)!important;font-weight:400!important}
.viewer-fit{display:block;max-width:134px;padding:8px 28px 8px 12px;background-color:var(--viewer-surface)}
.viewer-help{margin:4px 0 0;text-align:center;font:400 12px/1.4 Arial,Helvetica,sans-serif;color:inherit}
.media-dialog .pswp__error-msg-container{visibility:hidden}
.viewer-error{position:absolute;inset-inline:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background:#e6ebe3;color:var(--viewer-text);text-align:center;font-size:15px}
.media-dialog[data-mode="photos"] .viewer-error{background:#17251e}
.viewer-error button{border:1px solid currentColor;align-self:center}
@media(hover:hover){.media-dialog button:not(:disabled):hover,.viewer-original:hover{background:#284d4214}.media-dialog[data-mode="photos"] button:not(:disabled):hover{background:#ffffff18}.media-dialog .viewer-tabs button[aria-selected="true"]:hover{background:#1c3e32}}
@media(max-width:600px){
 .viewer-header{min-height:60px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px}
 .viewer-header h2{font-size:25px}.viewer-original{font-size:13px;padding:0 8px}
 .viewer-tabs{padding-bottom:8px}.viewer-tabs button{min-width:100px}
 .viewer-tools{gap:8px}.viewer-footer{padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))}
 .media-dialog[data-mode="photos"] .viewer-tools{display:grid;grid-template-columns:1fr auto;gap:8px}
 .media-dialog[data-mode="photos"] .viewer-scale{display:none}
 .media-dialog[data-mode="photos"] .viewer-reset{margin-left:0;padding-inline:10px}
 .media-dialog[data-mode="photos"] .viewer-zoom-tools{gap:0}
 .viewer-count{min-width:48px}.viewer-fit{margin-left:8px}
}
@media(max-height:500px){
 .viewer-header{min-height:52px;padding-block:4px}.viewer-header h2{font-size:24px}
 .media-dialog[data-mode="menu"] .viewer-header{padding-bottom:4px}
 .viewer-tabs{position:static;transform:none;padding:0 12px 4px;gap:4px}
 .viewer-tabs button{min-width:76px;padding-inline:12px}
 .media-dialog[data-mode="menu"] .viewer-header{gap:8px}
 .viewer-footer{padding-block:4px calc(4px + env(safe-area-inset-bottom))}.viewer-help{display:none}
}
@media(max-width:359px){.media-dialog[data-mode="photos"] .viewer-tools{grid-template-columns:1fr;gap:0}}
@media(max-height:500px) and (max-width:600px){
 .viewer-tabs{position:static;transform:none;padding-bottom:4px}
}
