/* This stylesheet is loaded only by the guidelines page. */
.guide-image-open{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:#fff;cursor:zoom-in;font:inherit;text-align:inherit}
.guide-image-open:hover img{filter:brightness(1.04)}
.guide-image-open:focus-visible{outline:3px solid var(--red,#e51d49);outline-offset:4px}
.guide-image-open::after{content:'拡大 ↗';position:absolute;right:8px;bottom:8px;padding:4px 9px;background:#101012df;color:#fff;font-size:.75rem;line-height:1.5;border-radius:3px;pointer-events:none}
.guide-lightbox{box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:12px;border:0;background:#08080aee;color:#fff;overflow:hidden;overscroll-behavior:contain}
.guide-lightbox::backdrop{background:#000e}
.guide-lightbox[open]{display:flex;flex-direction:column;gap:12px}
.guide-lightbox-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;min-height:44px}
.guide-lightbox-toolbar button{font:inherit;color:#fff;background:#202024;border:1px solid #777;padding:8px 14px;min-height:44px;cursor:pointer}
.guide-lightbox-toolbar button:focus-visible{outline:3px solid #ff5777;outline-offset:2px}
.guide-lightbox-close{font-size:1.8rem!important;line-height:1;min-width:44px}
.guide-lightbox-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}
.guide-lightbox-stage img{display:block;flex:none;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#fff;cursor:zoom-in}
.guide-lightbox-stage.is-original{display:block;text-align:center}
.guide-lightbox-stage.is-original img{max-width:none;max-height:none;cursor:zoom-out;margin:0 auto}
@media(prefers-reduced-motion:reduce){.guide-image-open img{transition:none}}