.modern-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.modern-gallery figure > a{position:relative;border-radius:14px;padding:20px;transition:border-color .18s,box-shadow .18s;background:#f4f7f6}.modern-gallery figure > a:hover,.modern-gallery figure > a:focus-visible{border-color:#37b7aa;box-shadow:0 0 0 2px #37b7aa33}.modern-gallery figure > a:after{content:'↗';position:absolute;bottom:10px;right:12px;color:#087f8d;font-size:20px}.modern-gallery img{height:200px}.modern-gallery figcaption{font-size:14px}.gallery-viewer{width:min(1200px,96vw);max-width:96vw;height:90vh;max-height:94vh;padding:0;border:1px solid #536367;border-radius:16px;background:#101b20;color:#fff;box-sizing:border-box}.gallery-viewer::backdrop{background:#081116df}.gallery-toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #ffffff26;flex-wrap:wrap}.gallery-toolbar span{margin-right:auto}.gallery-viewer button,.gallery-toolbar a{border:1px solid #ffffff55;background:#23353b;color:white;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer;text-decoration:none}.gallery-stage{height:calc(100% - 145px);overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y}.gallery-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.gallery-stage.zoomed{display:block}.gallery-stage.zoomed img{max-width:none;max-height:none;width:200%;height:auto}.gallery-bottom{display:flex;align-items:center;gap:16px;padding:12px 18px}.gallery-caption{flex:1;text-align:center;font-size:14px;line-height:1.5;margin:0}.gallery-viewer button:focus-visible,.gallery-toolbar a:focus-visible{outline:3px solid #37b7aa;outline-offset:3px}@media(max-width:700px){.modern-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modern-gallery figure > a{padding:12px}.modern-gallery img{height:160px}.gallery-toolbar{gap:8px;padding:10px}.gallery-toolbar button,.gallery-toolbar a{font-size:13px;padding:8px}.gallery-bottom{padding:10px;gap:8px}.gallery-stage{height:calc(100% - 175px)}}@media(prefers-reduced-motion:reduce){.modern-gallery figure > a{transition:none}}

.modern-gallery figcaption a{display:inline;background:none;border:0;border-radius:0;padding:0;box-shadow:none;color:#087f8d}.modern-gallery figcaption a::after{content:none}

.gallery-stage.zoomed{cursor:grab;touch-action:none;user-select:none}.gallery-stage.zoomed.panning{cursor:grabbing}.gallery-stage img{user-select:none;-webkit-user-drag:none}