#screenshots [data-gallery-image]{cursor:zoom-in}
#screenshots .gallery figcaption>span:last-child{font-size:20px;line-height:1}
html.image-viewer-open{overflow:hidden}
html.image-viewer-open body{padding-right:var(--viewer-scrollbar,0px)}
.image-viewer{inset:0;width:100vw;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:#ffffff1f;color:#223a2b;box-shadow:none;overflow:hidden}
.image-viewer::backdrop{background:#edf4ee80;-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}
.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer button{color:inherit;border:1px solid #c4d3c7;background:#ffffffde;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;min-height:44px;flex:none;box-shadow:0 3px 12px #2035290d;transition:background .15s,border-color .15s,color .15s}
.image-viewer button:hover{background:#e4eee1;border-color:#8faa96}
.image-viewer button:active{background:#dce9d9}
.image-viewer-zoom[aria-pressed="true"]{background:#21694e;color:#fff;border-color:#21694e}
.image-viewer-zoom[aria-pressed="true"]:hover{background:#174e39;border-color:#174e39}
.image-viewer button:focus-visible,.image-viewer-stage:focus-visible{outline:3px solid #378d6b;outline-offset:-4px}
.image-viewer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#ffffff52}
.image-viewer-toolbar h2{font-size:16px;line-height:1.4;letter-spacing:-.02em;margin:0}
.image-viewer-tools{display:flex;align-items:center;gap:10px}
.image-viewer-zoom{font-size:12px;padding:0 14px}
.image-viewer-close{width:44px}
.image-viewer-frame{display:flex;position:relative;flex:1;min-height:0;background:transparent;border-block:1px solid #436b5533}
.image-viewer-stage{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.image-viewer-canvas{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:24px 80px}
.image-viewer-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex:none;user-select:none;cursor:zoom-in;border-radius:0;box-shadow:none}
.image-viewer-stage.is-zoomed{touch-action:auto}
.image-viewer-stage.is-zoomed .image-viewer-canvas{width:max-content;height:max-content;min-width:100%;min-height:100%;padding:24px}
.image-viewer-stage.is-zoomed .image-viewer-image{max-width:none;max-height:none;cursor:grab}
.image-viewer-stage.is-dragging .image-viewer-image{cursor:grabbing}
.image-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:1;background:#fffffff0!important;box-shadow:0 4px 18px #20352914}
.image-viewer-prev{left:24px}
.image-viewer-next{right:24px}
.image-viewer-arrow:hover{background:#e4eee1!important}
.image-viewer-footer{padding:15px 20px 18px;background:#ffffff52}
.image-viewer-caption{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:0 0 12px;font-size:13px;line-height:1.5;color:#223a2b;text-align:center}
.image-viewer-count{color:#607366;white-space:nowrap;font-variant-numeric:tabular-nums}
.image-viewer-thumbs{display:flex;gap:8px;justify-content:center}
.image-viewer-thumbs button{padding:3px;width:66px;height:44px;border-radius:8px;border:1px solid #c4d3c7;opacity:.8;background:#ffffffde}
.image-viewer-thumbs button[aria-pressed="true"]{background:#edf4e9;border-color:#21694e;box-shadow:0 0 0 1px #21694e;opacity:1}
.image-viewer-thumbs button:hover{opacity:1}
.image-viewer-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.image-viewer-error{position:absolute;inset:40% 20%;color:#223a2b;text-align:center;font-size:14px}
.image-viewer-error a{text-decoration:underline;text-underline-offset:4px}
.image-viewer [hidden]{display:none!important}
@media(max-width:650px){
  .image-viewer-toolbar{padding:10px 12px;gap:8px}
  .image-viewer-toolbar h2{font-size:13px}
  .image-viewer-tools{gap:6px}
  .image-viewer-zoom{font-size:11px;padding:0 9px;gap:6px}
  .image-viewer-zoom svg{width:16px;height:16px}
  .image-viewer-canvas{padding:12px}
  .image-viewer-stage.is-zoomed .image-viewer-canvas{padding:12px}
  .image-viewer-prev{left:8px}
  .image-viewer-next{right:8px}
  .image-viewer-footer{padding:12px 12px max(12px,env(safe-area-inset-bottom))}
  .image-viewer-caption{font-size:12px;align-items:flex-start;min-height:36px;margin-bottom:10px}
  .image-viewer-thumbs{gap:6px}
  .image-viewer-thumbs button{width:50px;height:44px}
}
@media print{.image-viewer{display:none!important}html.image-viewer-open{overflow:visible}}