.illustrated-guide .guide-image-hint{color:#5e7382;font-size:.9rem;margin:0 0 1rem}
.guide-image-panels{display:flex;flex-direction:column;align-items:center;gap:0}
.guide-image-panel{position:relative;width:100%;max-width:1200px;margin:0;background:#f0f5f8}
.guide-image-panel>a{display:block;width:100%;line-height:0;cursor:zoom-in}
.guide-image-panels img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0}
.guide-image-panel>a:focus-visible{outline:3px solid #247caf;outline-offset:3px;position:relative;z-index:1}
.guide-image-status{position:absolute;top:24px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#49677b;text-align:center;font-size:.9rem}
.guide-image-status[hidden],.guide-image-status button[hidden]{display:none}
.guide-image-panel.is-error img{height:120px;object-fit:contain;opacity:0}
.guide-image-panel.is-loaded{background:transparent}
.guide-image-status button{font:inherit;padding:6px 10px;border:1px solid #6a879a;background:#fff;border-radius:4px;color:#245a7d;cursor:pointer}
.guide-image-viewer{width:min(1100px,94vw);max-width:94vw;max-height:92vh;padding:0;border:0;border-radius:6px;background:#f4f7fa;color:#23425b}
.guide-image-viewer::backdrop{background:rgba(11,27,43,.78)}
.guide-viewer-tools{display:flex;justify-content:flex-end;gap:8px;padding:10px;border-bottom:1px solid #cbd7e0}
.guide-viewer-tools button{font:inherit;padding:8px 16px;border:1px solid #6a879a;border-radius:4px;background:white;color:#245a7d;cursor:pointer}
.guide-viewer-scroll{max-height:78vh;overflow:auto;overscroll-behavior:contain}
.guide-viewer-scroll img{display:block;width:auto;height:auto;max-width:none;margin:0 auto}
.guide-image-viewer.fit-image img{max-width:100%}