.typg-gallery{width:100%;position:relative}.typg-stage{position:relative;background:#f4f5f5;line-height:0}.typg-media{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}.typg-media>img,.typg-media>video,.typg-media>iframe{width:100%;height:100%;object-fit:contain;border:0}.typg-counter{position:absolute;top:14px;z-index:2;background:rgba(255,255,255,.9);color:#002e5a;box-shadow:0 2px 9px rgba(0,0,0,.14)}.typg-counter{left:14px;padding:7px 10px;border-radius:4px;font-size:14px;line-height:1}.typg-rail-wrap{position:relative;margin-top:0;padding:0 42px}.typg-rail{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.typg-rail::-webkit-scrollbar{display:none}.typg-thumb{width:170px;height:128px;flex:0 0 170px;border:0;padding:0;background:#ddd;position:relative;cursor:pointer;scroll-snap-align:start;overflow:hidden}.typg-thumb img{width:100%;height:128px;display:block;object-fit:cover}.typg-thumb.is-active{outline:3px solid #002e5a;outline-offset:-3px;z-index:1}.typg-video-thumb:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;background:rgba(0,0,0,.28);line-height:1}.typg-rail-arrow{position:absolute;top:0;width:42px;height:128px;border:0;background:rgba(0,46,90,.9);color:#fff;z-index:2;cursor:pointer;font-size:24px}.typg-rail-prev{left:0}.typg-rail-next{right:0}.typg-viewer-close{position:absolute;z-index:2;border:0;background:rgba(255,255,255,.92);color:#002e5a;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.65)}.typg-image-viewer{position:fixed;top:var(--typg-header-height,0px);left:0;width:100%;height:calc(100vh - var(--typg-header-height,0px));z-index:2147483647;display:none;background:#000}.typg-image-viewer.is-open{display:block}.typg-viewer-viewport{width:100%;height:100%;overflow:auto;cursor:grab;touch-action:pan-x pan-y;scrollbar-width:auto}.typg-viewer-viewport.is-dragging{cursor:grabbing;user-select:none}.typg-viewer-image{display:block;max-width:none;max-height:none}.typg-viewer-close{top:16px;right:22px;width:46px;height:46px;border-radius:50%;font-size:36px;line-height:40px}@media(max-width:767px){.typg-media{aspect-ratio:1/1}.typg-rail-wrap{padding:0 34px}.typg-thumb{width:150px;flex-basis:150px}.typg-rail-arrow{width:34px}.typg-viewer-close{top:10px;right:12px}}
.typg-image-viewer .typg-viewer-image{max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain; margin:auto;user-select:none;-webkit-user-drag:none}
.typg-image-viewer .typg-viewer-viewport{touch-action:none;overscroll-behavior:contain}
.typg-image-viewer.is-open{height:calc(100dvh - var(--typg-header-height,0px))}
.typg-zoom{position:absolute;bottom:16px;right:16px;z-index:3;display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:24px;background:#fff;color:#002e5a;box-shadow:0 3px 12px #0009;font:600 14px/1.2 sans-serif;cursor:zoom-in}
.typg-zoom[hidden]{display:none}
.typg-zoom svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.typg-zoom:focus-visible{outline:3px solid #209ee9;outline-offset:3px}
.typg-viewer-prev,.typg-viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:65px;padding:0;border:0;background:rgba(255,255,255,.92);color:#002e5a;font-size:30px;line-height:1;cursor:pointer;filter:drop-shadow(0 3px 6px #000b)}
.typg-viewer-prev{left:15px}.typg-viewer-next{right:15px}
.typg-viewer-prev[hidden],.typg-viewer-next[hidden]{display:none}
.typg-viewer-viewport{scrollbar-width:none}.typg-viewer-viewport::-webkit-scrollbar{display:none}
.typg-image-viewer button:focus-visible{outline:3px solid #209ee9;outline-offset:3px}
@media(max-width:767px){.typg-viewer-prev,.typg-viewer-next{width:44px;height:55px;font-size:24px}.typg-viewer-prev{left:0}.typg-viewer-next{right:0}}
.typg-drag-hint{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:5px 14px 5px 6px;border-radius:16px;background:rgba(0,0,0,.75);color:#fff;box-shadow:0 2px 10px #0006;pointer-events:none;user-select:none;font:500 13px/1.3 sans-serif}
.typg-drag-hint[hidden]{display:none}
.typg-drag-hint svg{display:block;width:64px;height:64px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.typg-drag-hint .typg-drag-hand{fill:#222;transform:translate(-3px,-4px) scale(.95)}
.typg-drag-hint.is-vertical .typg-drag-arrows{transform:rotate(90deg);transform-origin:32px 32px}