.guide-section{margin:0 0 48px;padding:28px;border:1px solid #dbe3f2;border-radius:16px;background:#f8faff}
.guide-section h2{margin-top:8px}
.guide-viewer{position:relative;overflow:visible;margin-top:22px;border:1px solid #d7e1f2;border-radius:12px;background:#fff;box-shadow:0 8px 28px #3349790d;touch-action:pan-y pinch-zoom}
.guide-viewer img{display:block;width:100%;height:auto;border-radius:12px;user-select:none;cursor:default}
.guide-controls:not([hidden]){display:block}
.guide-controls button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border:1px solid #cbd8ed;border-radius:50%;background:rgba(255,255,255,.94);color:#334979;font:inherit;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #33497926}
#guide-prev{left:0;transform:translate(-50%,-50%)}#guide-next{right:0;transform:translate(50%,-50%)}
.guide-controls button{box-sizing:border-box;z-index:1}
.guide-controls button span{display:block;width:11px;height:11px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;border-radius:1px;transform:translateX(-2px) rotate(45deg)}
.guide-controls #guide-prev span{transform:translateX(2px) rotate(-135deg)}
.guide-controls button:disabled{opacity:.45;cursor:default}
.guide-controls button:hover:not(:disabled){background:#dfe8fa}
#guide-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.guide-viewer:focus-visible,.guide-controls button:focus-visible{outline:3px solid #9374c7;outline-offset:3px}
@media(max-width:600px){.guide-section{padding:24px}.guide-controls button{width:44px;height:44px;min-height:44px}.guide-section .presentation-actions{gap:12px}.guide-section .presentation-button{width:100%;box-sizing:border-box}}
.guide-section .guide-pdf-actions{justify-content:center;margin-top:18px}
.guide-section .guide-pdf-button{width:auto;max-width:100%;padding:7px 12px;gap:6px;background:#f3f4f9;border-color:#dce1ed;color:#62708c!important;font-size:12px;font-weight:500;text-align:center}
.guide-section .guide-pdf-button:hover{background:#e9edf6;border-color:#c9d3e5;color:#40577e!important}
.guide-section .guide-pdf-button>span[aria-hidden="true"]{font-size:14px}
.guide-main-actions{justify-content:center;gap:30px;margin:0 0 48px}
.guide-enlarge{display:none}
.guide-zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f4f6fc;color:#334979;box-sizing:border-box}
.guide-zoom[open]{display:flex;flex-direction:column}
.guide-zoom::backdrop{background:#17223bd9}
.guide-zoom header,.guide-zoom footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));flex-shrink:0;background:#fff}
.guide-zoom header{padding-top:max(12px,env(safe-area-inset-top));font-size:13px}
.guide-zoom footer{justify-content:center;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.guide-zoom button{min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #ccd7eb;border-radius:10px;background:#edf2fb;color:#334979;font:inherit;font-size:22px;cursor:pointer}
.guide-zoom button:disabled{opacity:.4;cursor:default}
.guide-zoom #zoom-reset{font-size:14px;min-width:68px}
.zoom-stage{flex:1;min-height:0;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.zoom-stage img{display:block;width:100%;max-width:none;height:auto;user-select:none}
@media(max-width:700px){.guide-enlarge{display:block;margin:16px auto 0;padding:8px 12px;border:1px solid #dce1ed;border-radius:8px;background:#f3f4f9;color:#526585;font:inherit;font-size:13px;cursor:zoom-in}.guide-viewer img{cursor:zoom-in}.guide-main-actions{flex-direction:column;align-items:stretch}.guide-main-actions .presentation-button{box-sizing:border-box;width:100%;font-size:13px;padding:10px}}