/* Shared presentation for scrapbook photos and uniform guides. */
html.scrapbook-lightbox-open,html.uniform-lightbox-open{overflow:hidden}
.sb-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:76px 24px 24px;border:0;background:transparent;color:#fff;box-sizing:border-box;overflow:auto}
.sb-lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.sb-lightbox::backdrop{background:rgb(10 15 20 / 94%)}
.sb-lightbox__toolbar{position:absolute;top:16px;right:16px;display:flex;gap:12px}
.sb-lightbox button{min-height:44px;padding:10px 18px;border:1px solid #fff;border-radius:6px;background:#fff;color:#17202a;font:700 16px Arial,Helvetica,sans-serif;cursor:pointer}
.sb-lightbox button:hover{background:#f5f1e9}
.sb-lightbox button[aria-disabled="true"]{opacity:.45;cursor:default}
.sb-lightbox :focus-visible{outline:3px solid #ffe66b;outline-offset:4px}
.sb-lightbox__figure{margin:0;max-width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.sb-lightbox__viewport{max-width:100%;max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);min-height:0;overflow:auto;overscroll-behavior:contain}
.sb-lightbox__viewport img{display:block;max-width:100%;max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);width:auto;height:auto;object-fit:contain;margin:auto}
.sb-lightbox.is-zoomed .sb-lightbox__viewport img{width:1536px;max-width:none;max-height:none;margin:0}
.sb-lightbox__caption{max-width:800px;max-height:15vh;max-height:15dvh;overflow:auto;font-size:14px;line-height:1.5;text-align:center;overflow-wrap:anywhere;margin:0}
.sb-lightbox__caption[hidden]{display:none}
.sb-lightbox [role=status]{margin:0;text-align:center;font-size:14px;line-height:1.5}
.sb-lightbox [role=status]:empty{display:none}
.sb-lightbox__nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);flex-shrink:0}
.sb-lightbox__nav span{min-width:75px;text-align:center;white-space:nowrap}
@media(max-width:400px){.sb-lightbox{padding:72px 12px 16px}.sb-lightbox__nav{gap:8px}.sb-lightbox__nav button{padding:10px}}