/* CD_GUIDE_IMAGES_V1: only the image guide and its floating shortcuts. */
#view-guide.cd-guide-view{--cd-guide-blue:#087be6;--cd-guide-navy:#12365f;--cd-guide-bottom:16px;--cd-guide-header:0px;box-sizing:border-box;width:100%;max-width:100%;margin:0 auto!important;color:var(--cd-guide-navy);padding:0 0 28px!important;animation:none;transform:none}
#view-guide .cd-guide-intro{max-width:760px;margin:0 auto;padding:20px 18px 22px;background:linear-gradient(130deg,#f0f8ff,#fff)}
#view-guide .cd-guide-intro h2{margin:0 0 8px;font-size:28px;font-weight:900;line-height:1.25}
#view-guide .cd-guide-intro p{margin:0;color:#567487;font-size:16px;line-height:1.5}
#view-guide .cd-guide-story{width:100%;max-width:760px;margin:0 auto;background:#fff}
#view-guide .cd-guide-section{margin:0;padding:0;border:0;scroll-margin-top:calc(var(--cd-guide-header) + 12px)}
#view-guide .cd-guide-section img{display:block;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;border-radius:0;object-fit:contain}
#view-guide .cd-guide-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#view-guide .cd-guide-help{max-width:760px;margin:0 auto;padding:26px 20px 92px;background:linear-gradient(145deg,#edf7ff,#f8fbff);text-align:center}
#view-guide .cd-guide-help h3{margin:0 0 8px;font-size:21px;font-weight:900;line-height:1.4}
#view-guide .cd-guide-help p{margin:0 0 18px;color:#52738b;font-size:15px;line-height:1.6}
#view-guide #cd-guide-help-button{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:420px;min-height:52px;margin:0 auto;border:0;border-radius:15px;padding:12px 18px;background:var(--cd-guide-blue);color:white;font:inherit;font-size:17px;font-weight:800;cursor:pointer}
#view-guide #cd-guide-help-button span{font-size:25px;line-height:1}
#view-guide .cd-guide-help .cd-guide-help-status{margin:12px 0 0}
#view-guide .cd-guide-shortcuts{position:fixed;z-index:9998;right:16px;bottom:var(--cd-guide-bottom);display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:calc(100vw - 24px);pointer-events:none}
#view-guide .cd-guide-shortcuts[hidden]{display:none!important}
#view-guide .cd-guide-options{display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-height:max(44px,calc(100dvh - var(--cd-guide-bottom) - var(--cd-guide-header) - 78px));max-height:max(44px,calc(var(--cd-guide-viewport,100vh) - var(--cd-guide-bottom) - var(--cd-guide-header) - 78px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:5px 4px 5px 10px;scrollbar-width:thin;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
#view-guide .cd-guide-shortcuts[data-open="true"] .cd-guide-options{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#view-guide .cd-guide-option{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;gap:9px;width:164px;min-height:44px;border:1px solid #bccbdb;border-radius:28px;padding:9px 14px;background:#fff;color:var(--cd-guide-navy);box-shadow:0 3px 12px #12365f38;font:inherit;font-size:15px;font-weight:800;line-height:1.25;white-space:nowrap;cursor:pointer}
#view-guide .cd-guide-option svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#view-guide .cd-guide-option[aria-current="location"]{border-color:var(--cd-guide-navy);background:var(--cd-guide-navy);color:#fff}
#view-guide .cd-guide-option[aria-current="location"] svg{stroke:currentColor}
#view-guide .cd-guide-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;border:2px solid #fff;border-radius:28px;padding:10px 18px;background:var(--cd-guide-navy);color:#fff;box-shadow:0 0 0 1px #12365f70,0 6px 18px #12365f4d;font:inherit;font-size:16px;font-weight:900;line-height:1.25;white-space:nowrap;cursor:pointer;pointer-events:auto}
#view-guide .cd-guide-toggle span{font-size:23px;font-weight:400;line-height:1}
#view-guide button:focus-visible{outline:3px solid #12365f;outline-offset:3px}
@media(max-width:760px){#view-guide .cd-guide-shortcuts{right:12px}#view-guide .cd-guide-intro{padding-top:18px}#view-guide .cd-guide-help{padding-bottom:104px}}
@media(prefers-reduced-motion:reduce){#view-guide .cd-guide-options{transition:none;transform:none}}
