/* Gallery viewport and native modal top layer: shared by public and preview. */
.kthn-gallery [hidden],.kthn-gallery-viewer [hidden]{display:none!important}
.kthn-gallery{display:grid;grid-template-columns:minmax(0,1fr)}
.kthn-gallery>h2{grid-area:1/1}
.kthn-gallery .kthn-gallery__stage{grid-area:2/1;height:280px;background:#f1f5f4;border-radius:14px;overflow:hidden}
.kthn-gallery__stage a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:zoom-in}
.kthn-gallery .kthn-gallery__stage img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;margin:0}
.kthn-gallery__nav{grid-area:2/1;position:relative;z-index:1;pointer-events:none;margin:0;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.kthn-gallery__nav button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto}
.kthn-gallery__nav [data-gallery-step="-1"]{left:8px}
.kthn-gallery__nav [data-gallery-step="1"]{right:8px}
.kthn-gallery__nav [data-gallery-count]{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:20px;background:rgba(5,55,48,.72);font-size:13px;line-height:1.5}
.kthn-gallery__nav button,.kthn-gallery-viewer button{min-width:44px;min-height:44px;border:1px solid #b8ded5;border-radius:10px;background:#e8f7f2;color:#075e53;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font:600 24px/1 'Be Vietnam Pro',sans-serif;touch-action:manipulation;transform:none;transition:none}
.kthn-gallery button:focus-visible,.kthn-gallery a:focus-visible,.kthn-gallery-viewer button:focus-visible{outline:3px solid #15af91;outline-offset:3px}
.kthn-gallery-viewer{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1200px,96vw);height:92vh;height:92dvh;max-width:none;max-height:none;padding:16px;border:1px solid #b8ded5;border-radius:18px;background:#f1f5f4;color:#12372f;overflow:hidden;font:16px/1.5 'Be Vietnam Pro',sans-serif;z-index:2147483647}
.kthn-gallery-viewer[open]{display:grid;grid-template-rows:44px minmax(0,1fr) auto;gap:12px}
.kthn-gallery-viewer::backdrop{background:rgba(5,26,23,.88)}
.kthn-gallery-viewer__bar{display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums}
.kthn-gallery-viewer__bar button{font-size:16px}
.kthn-gallery-viewer__stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 52px;touch-action:pan-y pinch-zoom}
.kthn-gallery-viewer__stage>img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;user-select:none}
.kthn-gallery-viewer__stage>button{position:absolute;top:50%;transform:translateY(-50%)}
.kthn-gallery-viewer__stage>[data-prev]{left:0}.kthn-gallery-viewer__stage>[data-next]{right:0}
.kthn-gallery-viewer__thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px;min-width:0;max-width:100%;scroll-behavior:auto}
.kthn-gallery-viewer__thumbs button{flex:0 0 72px;height:64px;padding:3px;border:2px solid transparent;background:#dfe9e6}
.kthn-gallery-viewer__thumbs button[aria-pressed=true]{border-color:#078675;background:#d2f2e6}
.kthn-gallery-viewer__thumbs img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.kthn-gallery-viewer{width:100%;height:100vh;height:100dvh;border-radius:0;padding:12px 8px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.kthn-gallery-viewer__stage{padding:0 44px}.kthn-gallery .kthn-gallery__stage{height:260px}}

/* Compact edge controls, shared by inline gallery and enlarged viewer. */
.kthn-gallery__nav button,.kthn-gallery-viewer__stage>button{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:rgba(5,65,56,.65);color:#fff;font-size:32px;font-weight:400;box-shadow:0 1px 4px rgba(0,0,0,.12);transform:translateY(-50%)}
.kthn-gallery__nav button:hover,.kthn-gallery-viewer__stage>button:hover{background:rgba(5,95,80,.88)}