.guide-figure{margin:20px 0;padding:16px;background:#f4f9fa;border:1px solid #cbdfe6;border-radius:16px;color:#24475c}.guide-figure .guide-picture{display:block;position:relative;width:100%;max-width:520px;margin:auto;padding:0;overflow:hidden;border:1px solid #c1d3dc;border-radius:10px;background:#e8f2f5;cursor:zoom-in}.guide-picture img{display:block;width:100%;height:auto}.guide-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;background:#124e75;color:white;border:2px solid white;border-radius:50%;width:28px;height:28px;font:bold 16px sans-serif;box-shadow:0 2px 7px #18364e66;pointer-events:none}.guide-figure figcaption{margin-top:14px;font-weight:bold}.guide-figure ol{padding-left:24px;margin-bottom:0}.guide-figure li{margin:6px 0}.guide-figure small{display:block;margin:8px 0;color:#526b7a}.guide-zoom{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:14px;overflow:auto}.guide-zoom[open]{display:block}.guide-zoom header{position:sticky;top:-14px;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.guide-zoom header button{width:auto;margin:0;min-height:44px;flex-shrink:0}.guide-zoom .guide-picture{max-width:none;margin:0 auto;cursor:default}.guide-zoom .guide-picture img{min-width:0}.guide-picture:focus-visible{outline:3px solid #126ea8;outline-offset:3px}@media(max-width:420px){.guide-figure{padding:10px;margin:16px 0}.guide-pin{width:24px;height:24px;font-size:14px}}
.guide-picture{position:relative;display:block}.guide-zoom-content{overflow:auto}.guide-zoom .guide-picture{width:100%}.guide-zoom .guide-picture.is-enlarged{width:var(--guide-width);max-width:none}.guide-zoom header strong{font-size:14px}.guide-zoom header{gap:8px}.guide-zoom header button{padding:8px 10px}