.npg{display:block;min-width:0;width:100%;color:var(--nc-ink,#071411);font-family:var(--font-body--family,Arial,sans-serif)}
.npg *{box-sizing:border-box}.npg-stage{background:var(--nc-sand,#e8dfd0)}
.npg-frame{margin:0}.npg-frame[hidden]{display:none}.npg-frame>a{display:block;position:relative;width:100%;height:78vh;background:#f3f3f3}
.npg-frame img{display:block;width:100%;height:100%;object-fit:contain}
.npg-zoom-label{position:absolute;bottom:12px;inset-inline-end:12px;background:var(--nc-ivory,#f6f0e5);color:var(--nc-ink,#071411);padding:10px 14px;border:1px solid rgb(15 74 58 / 20%);font-size:15px;line-height:1.6}
.npg-frame figcaption{padding:14px 18px;background:var(--nc-ivory,#f6f0e5);font-size:15px;line-height:1.75}
.npg-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0}
.npg-controls p{margin:0;font-size:15px}.npg-controls button,.npg-dialog button{min-width:44px;min-height:44px;border:1px solid rgb(15 74 58 / 25%);background:var(--nc-ivory,#f6f0e5);color:var(--nc-ink,#071411);font-size:22px;cursor:pointer;border-radius:4px}
.npg-controls button:disabled{opacity:.4;cursor:default}
.npg-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:thin}
.npg-thumbnails button{flex:0 0 64px;height:80px;padding:3px;border:1px solid rgb(15 74 58 / 25%);background:#f3f3f3;cursor:pointer}
.npg-thumbnails button[aria-pressed=true]{border:2px solid var(--nc-green,#0f4a3a)}
.npg-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}
.npg :is(a,button):focus-visible{outline:2px solid var(--nc-green,#0f4a3a);outline-offset:3px}
.npg-dialog{padding:52px 16px 16px;border:0;background:var(--nc-ivory,#f6f0e5);width:min(1200px,96vw);max-width:96vw;max-height:95dvh}
.npg-dialog::backdrop{background:rgb(7 20 17 / 78%)}
.npg-dialog>button{position:absolute;top:4px;inset-inline-end:6px}
.npg-dialog>img{display:block;width:100%;height:calc(90dvh - 64px);object-fit:contain}
[dir=rtl] .npg-controls button>span{display:block;transform:scaleX(-1)}
.npg:not(.is-ready) .npg-frame[hidden]{display:block}
.npg:not(.is-ready) .npg-controls,.npg:not(.is-ready) .npg-thumbnails{display:none}
@media(max-width:749px){.npg-frame>a{height:min(125vw,65svh)}.npg-thumbnails button{flex-basis:56px;height:70px}}