.exam-gallery{margin-top:56px;min-width:0}
.exam-gallery h2{font-size:clamp(24px,4vw,36px);margin-bottom:20px}
.exam-gallery-controls{display:flex;gap:10px;align-items:center;margin-bottom:18px}
.exam-gallery-controls button{border:1px solid #102b4e33;border-radius:4px;background:#fff;color:#102b4e;padding:10px 16px;cursor:pointer;font:inherit}
.exam-gallery-controls button:focus-visible,.exam-gallery-track:focus-visible{outline:3px solid #d5333e;outline-offset:3px}
.exam-gallery-track{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px}
.exam-gallery-track .exam-gallery-slide{flex:0 0 calc((100% - 20px)/2);min-width:0;margin:0;scroll-snap-align:start}
.exam-gallery-slide img{display:block;width:100%;height:360px;object-fit:contain;background:#eef1f4;border-radius:6px}
.exam-gallery-slide figcaption{text-align:center;padding:10px;color:#53687a;font-size:13px}
.exam-gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:6px}
.exam-gallery-open:focus-visible,.exam-lightbox button:focus-visible{outline:3px solid #d5333e;outline-offset:4px}
.exam-lightbox{position:fixed;inset:0;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100%;margin:0;padding:20px;border:0;background:rgba(7,16,28,.97);color:#fff}
.exam-lightbox::backdrop{background:rgba(7,16,28,.9)}
.exam-lightbox[open]{display:flex;flex-direction:column}
.exam-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-bottom:14px;font-size:16px}
.exam-lightbox button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff15;color:#fff;font-size:24px;cursor:pointer}
.exam-lightbox-stage{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-height:0}
.exam-lightbox-stage img{display:block;min-width:0;width:calc(100% - 128px);height:100%;object-fit:contain;user-select:none}
@media(max-width:600px){.exam-lightbox{padding:12px}.exam-lightbox-stage{gap:6px}.exam-lightbox button{width:36px;height:36px;font-size:20px}.exam-lightbox-stage img{width:calc(100% - 84px)}}
@media(max-width:600px){.exam-gallery-track .exam-gallery-slide{flex-basis:88%}.exam-gallery-slide img{height:300px}.exam-gallery-controls button{padding:10px 12px;font-size:13px}}