.guide-expand-button{display:inline-flex;width:100%;min-height:40px;align-items:center;justify-content:center;margin:12px 0 0;padding:9px 12px;border:1px solid #b9cbd6;border-radius:10px;background:#eaf2f7;color:#173f5f;font-size:clamp(.8rem,.4vw + .74rem,.93rem);font-weight:760;cursor:pointer}.guide-expand-button:hover,.guide-expand-button:focus-visible{outline:2px solid #5394ac;outline-offset:2px;background:#dceaf2}
.guide-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 36px));max-width:min(880px,calc(100vw - 36px));max-height:min(86dvh,820px);padding:0;border:1px solid #cbd7df;border-radius:17px;background:var(--surface-solid,#fff);color:var(--text,#102a43);box-shadow:0 20px 80px rgba(7,20,32,.34)}.guide-dialog[open]{display:flex;flex-direction:column}.guide-dialog::backdrop{background:rgba(7,20,32,.57);backdrop-filter:blur(2px)}.guide-dialog-frame{display:flex;max-height:min(86dvh,820px);min-height:0;flex-direction:column}.guide-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 26px 17px;border-bottom:1px solid #d8e2e9;background:#f4f8fb}.guide-dialog-kicker{display:block;color:#16708e;font-size:12px;font-weight:800;letter-spacing:.1em}.guide-dialog-header h2{margin:5px 0 0;color:#102a43;font-size:clamp(1.3rem,1.04rem + .72vw,1.8rem);line-height:1.2}.guide-dialog-close{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border:1px solid #c7d5de;border-radius:12px;background:#fff;color:#173f5f;font-size:28px;line-height:1;cursor:pointer}.guide-dialog-close:hover,.guide-dialog-close:focus-visible{outline:2px solid #5394ac;outline-offset:2px;background:#eaf2f7}.guide-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:19px 27px 27px}.guide-dialog-content ol{display:grid;gap:13px;margin:0;padding-left:27px}.guide-dialog-content li{padding-left:5px;color:var(--text,#243b53);font-size:clamp(1rem,.78rem + .42vw,1.13rem);line-height:1.7}.guide-dialog-content li::marker{color:#16708e;font-weight:800}.guide-dialog-content li strong{color:var(--text,#102a43)}
.maplibregl-ctrl-compass{transition:background-color .18s ease,box-shadow .18s ease}.maplibregl-ctrl-compass.north-reset-active{background:#edf5f9!important;box-shadow:inset 0 0 0 2px #16708e}.maplibregl-ctrl-compass.north-reset-active:hover{background:#dcecf4!important}
html[data-theme="dark"] .guide-dialog{border-color:#314655}html[data-theme="dark"] .guide-dialog-header{border-color:#314655;background:#162635}html[data-theme="dark"] .guide-dialog-header h2{color:#e8f0f6}html[data-theme="dark"] .guide-dialog-kicker{color:#79ccda}html[data-theme="dark"] .guide-dialog-close{border-color:#405565;background:#203140;color:#e8f0f6}html[data-theme="dark"] .guide-dialog-content li::marker{color:#79ccda}
@media(max-width:760px){.guide-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:90dvh;border-radius:15px}.guide-dialog-frame{max-height:90dvh}.guide-dialog-header{gap:11px;padding:17px 16px 13px}.guide-dialog-header h2{font-size:clamp(1.17rem,5vw,1.46rem)}.guide-dialog-content{padding:14px 16px 22px}.guide-dialog-content ol{gap:12px;padding-left:23px}.guide-dialog-content li{font-size:clamp(.96rem,3.8vw,1.07rem);line-height:1.63}.guide-expand-button{min-height:39px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.maplibregl-ctrl-compass{transition:none}}