.sf-gallery{padding:28px 0 0}
.sf-gallery h2{margin-bottom:14px}
.sf-gal-main{position:relative;border:1px solid #c7d8e6;border-radius:16px;background:#eef3f8;overflow:hidden;touch-action:pan-y}
.sf-gal-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;width:100%}
.sf-gal-stage img{display:block;width:100%;height:100%;object-fit:contain;padding:10px}
.sf-gal-stage:focus-visible{outline:3px solid #0793c9;outline-offset:-4px}
.sf-gal-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #b5c9dc;border-radius:50%;background:rgba(255,255,255,.94);color:#10243b;cursor:pointer;box-shadow:0 1px 4px rgba(16,36,59,.18)}
.sf-gal-btn[hidden]{display:none}
.sf-gal-btn:hover{background:#fff;border-color:#0b54a0}
.sf-gal-btn:focus-visible{outline:3px solid #0793c9;outline-offset:2px}
.sf-gal-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sf-gal-prev{left:10px;top:50%;transform:translateY(-50%)}
.sf-gal-next{right:10px;top:50%;transform:translateY(-50%)}
.sf-gal-expand{right:10px;top:10px}
.sf-gal-count{position:absolute;left:12px;bottom:10px;padding:3px 10px;border-radius:999px;background:rgba(16,36,59,.78);color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
.sf-gal-caption{margin:14px 0 6px;max-width:90ch;font-size:16px;line-height:1.55}
.sf-gal-demo{margin:0 0 12px;font-size:13px;color:#455d73}
.sf-gal-thumbs{display:flex;gap:10px;margin:12px 0 4px;padding:4px 2px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.sf-gal-thumbs li{flex:0 0 auto;scroll-snap-align:start}
.sf-gal-thumbs a{display:flex;flex-direction:column;gap:5px;width:132px;padding:5px;border:2px solid #d9e4ee;border-radius:10px;background:#f4f8fc;color:#10243b;text-decoration:none;font-size:13px;line-height:1.25;text-align:center}
.sf-gal-thumbs a[aria-current="true"]{border-color:#0b54a0;background:#dcefff}
.sf-gal-thumbs a:focus-visible{outline:3px solid #0793c9;outline-offset:2px}
.sf-gal-thumbs img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:6px;background:#fff}
.sf-gal-orig{margin:4px 0 0;font-size:13px}
.sf-gal-orig a{color:#0b54a0;text-decoration:underline}
.sf-viewer{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:1500px;max-height:none;border:1px solid #829bb3;border-radius:16px;padding:0;color:#10243b;background:#fff}
.sf-viewer::backdrop{background:rgba(3,21,44,.88)}
.sf-viewer-inner{height:100%;display:flex;flex-direction:column;min-width:0}
.sf-viewer-toolbar{display:flex;gap:8px;align-items:center;padding:10px;background:#f4f8fc;border-bottom:1px solid #d9e4ee;flex:none}
.sf-viewer-toolbar .sf-gal-btn{position:static}
.sf-viewer-toolbar [data-viewer-counter]{font-size:14px;color:#455d73;font-variant-numeric:tabular-nums}
.sf-viewer-toolbar .sf-gal-close{margin-left:auto}
.sf-viewer-scroll{overflow:auto;flex:1;min-height:0;padding:12px;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.sf-viewer-scroll img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;margin-inline:auto;object-fit:contain}
.sf-viewer-scroll[data-zoom="true"] img{max-width:none;max-height:none}
.sf-viewer-caption{margin:0;padding:12px 16px;border-top:1px solid #d9e4ee;font-size:15px;line-height:1.5;max-height:22vh;overflow:auto;flex:none}
.sf-viewer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (max-width:640px){.sf-gal-stage{aspect-ratio:4/3}.sf-gal-thumbs a{width:104px}.sf-gal-caption{font-size:15px}.sf-viewer{width:calc(100vw - 8px);height:calc(100dvh - 8px)}}
@media (prefers-reduced-motion:no-preference){.sf-gal-thumbs{scroll-behavior:smooth}}