/* 그림 크게 보기 — index.html·guide.html 공용 (동작은 interactive.js) */
#lb{position:fixed;inset:0;z-index:1000;background:rgba(243,244,247,.86);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);visibility:hidden;opacity:0;transition:opacity .18s ease,visibility 0s linear .18s}
#lb.on{visibility:visible;opacity:1;transition:opacity .18s ease}
.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lb-bar{position:absolute;top:18px;right:18px;z-index:2;display:flex;gap:8px}
.lb-btn{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(20,24,40,.1);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(20,24,40,.08);cursor:pointer;transition:background-color .15s,transform .15s}
.lb-btn:hover{background:var(--ground-2)}
.lb-btn:active{transform:scale(.94)}
.lb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lb-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#lb .lb-minus,#lb.is-zoomed .lb-plus{display:none}
#lb.is-zoomed .lb-minus{display:inline}
.lb-stage{position:absolute;inset:0;box-sizing:border-box;padding:72px 80px 48px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#lb .lb-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(20,24,40,.06),0 24px 64px rgba(20,24,40,.16);cursor:zoom-in;transform:scale(.985);transition:transform .22s ease}
#lb.on .lb-stage img{transform:none}
#lb.is-zoomed .lb-stage{display:block;overflow:auto;overscroll-behavior:contain}
#lb.is-zoomed .lb-stage img{width:max(100%,1200px);max-width:none;max-height:none;margin:0 auto;cursor:zoom-out}
@media(max-width:720px){.lb-bar{top:12px;right:12px}.lb-stage{padding:64px 12px 20px}}
@media(prefers-reduced-motion:reduce){#lb,#lb .lb-stage img{transition:none}}
@media print{#lb{display:none}}