.mh-navigation{padding:clamp(16px,3vw,30px);background:#fffdf3;color:#213e42;border-radius:26px;max-width:900px;margin:auto;font-family:inherit}.mh-navigation *{box-sizing:border-box}.mh-navigation h2{font-size:clamp(25px,5vw,34px);margin:16px 0 5px}.mh-nav-top{display:flex;gap:12px;justify-content:space-between;align-items:center}.mh-nav-eyebrow{font-size:11px;font-weight:900;letter-spacing:1px;color:#53735b}.mh-nav-subtitle{font-size:12px;color:#60735f;margin:0}.mh-nav-prompt{font-size:17px;line-height:1.5}.mh-nav-button{min-width:48px;min-height:48px;border:0;border-radius:12px;background:#e6eddd;color:#213e42;padding:10px 13px;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.mh-nav-button:disabled{opacity:.5;cursor:default}.mh-nav-button:focus-visible,.mh-nav-map:focus-visible{outline:3px solid #2472aa;outline-offset:3px}.mh-nav-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:22px;align-items:center}.mh-nav-mapwrap{background:#d8ecdd;border:2px solid #adcbba;padding:12px;border-radius:20px;min-width:0}.mh-nav-compass{text-align:center;font-size:13px;letter-spacing:2px;font-weight:900;padding:0 0 12px}.mh-nav-map{display:grid;grid-template-columns:repeat(var(--map-size),1fr);gap:4px}.mh-nav-tile{aspect-ratio:1;position:relative;background:#f1f4cf;border:2px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.mh-nav-visited{background:#f8dd81;border-color:#d7b856}.mh-nav-endpoint{outline:3px solid #bc732b;outline-offset:-4px}.mh-nav-label{font-size:clamp(8px,1.7vw,11px);line-height:1.2;font-weight:800;position:absolute;bottom:3px}.mh-nav-icon{display:block;position:relative;width:28px;height:23px;margin-bottom:9px}.mh-nav-forest{background:#95bca2}.mh-nav-forest .mh-nav-icon{background:#3c7858;clip-path:polygon(50% 0,100% 80%,61% 80%,61% 100%,39% 100%,39% 80%,0 80%)}.mh-nav-school .mh-nav-icon{background:#e79160;border:3px solid #ba6e50;border-radius:2px}.mh-nav-school .mh-nav-icon:before{content:'';position:absolute;left:-6px;top:-12px;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:12px solid #6b778b}.mh-nav-school .mh-nav-icon:after{content:'';position:absolute;width:7px;height:12px;bottom:0;left:8px;background:#fff5cf}.mh-nav-jetty .mh-nav-icon{background:repeating-linear-gradient(0deg,#ae8156 0 4px,#e1b883 4px 7px);border-left:3px solid #856849;border-right:3px solid #856849;transform:rotate(-8deg)}.mh-nav-market .mh-nav-icon{background:#f4c38a;border:3px solid #956744}.mh-nav-market .mh-nav-icon:before{content:'';position:absolute;top:-7px;left:-5px;width:32px;height:9px;background:repeating-linear-gradient(90deg,#d56960 0 6px,#fff0d3 6px 12px);border-radius:3px}.mh-nav-pathdot{height:9px;width:9px;border-radius:50%;background:#b78338}.mh-nav-vehicle{position:absolute;top:4px;right:3px;width:21px;height:13px;border-radius:3px 7px 2px 2px;background:#357eac;box-shadow:0 2px 0 #245a80;z-index:2}.mh-nav-vehicle:before{content:'';position:absolute;right:3px;top:2px;width:6px;height:5px;background:#d9f4ff;border-radius:0 3px 0 0}.mh-nav-vehicle:after{content:'';position:absolute;left:3px;bottom:-4px;width:5px;height:5px;background:#263d44;border-radius:50%;box-shadow:11px 0 #263d44}.mh-nav-mapnote{font-size:11px;text-align:center;line-height:1.4;margin:10px 0 0}.mh-nav-controls h3{font-size:17px;margin:0 0 12px}.mh-nav-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mh-nav-dir-N{grid-column:2;grid-row:1}.mh-nav-dir-W{grid-column:1;grid-row:2}.mh-nav-dir-E{grid-column:3;grid-row:2}.mh-nav-dir-S{grid-column:2;grid-row:3}.mh-nav-directions .mh-nav-button{font-size:13px;padding:8px 5px}.mh-nav-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mh-nav-route{font-size:13px;line-height:1.6;max-height:65px;overflow:auto;overflow-wrap:anywhere}.mh-nav-primary{background:#276c55;color:#fff;width:100%;box-shadow:0 3px 0 #1c4f3e}.mh-nav-feedback{background:#eaf0e1;border-radius:12px;padding:13px;line-height:1.5;min-height:50px}.mh-nav-next{margin-top:18px}@media(max-width:600px){.mh-nav-layout{grid-template-columns:1fr;gap:16px}.mh-nav-mapwrap{max-width:380px;width:100%;margin:auto}.mh-nav-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.mh-nav-controls h3{grid-column:1/-1;margin:0}.mh-nav-directions{grid-row:2/5}.mh-nav-controls .mh-nav-tools{margin:0}.mh-nav-controls .mh-nav-tools button{font-size:12px;flex:1;padding:8px}.mh-nav-controls .mh-nav-route{margin:0}.mh-nav-label{font-size:10px}.mh-nav-top .mh-nav-button{font-size:12px}}@media(prefers-reduced-motion:reduce){.mh-navigation *{scroll-behavior:auto}}

.mh-nav-budget{font-weight:900;color:#82591c;background:#f5df9d;padding:8px;border-radius:8px;grid-column:1/-1;margin:0 0 10px}.mh-nav-map[data-size="7"] .mh-nav-icon,.mh-nav-map[data-size="6"] .mh-nav-icon{transform:scale(.72);margin-bottom:7px}.mh-nav-map[data-size="7"] .mh-nav-label,.mh-nav-map[data-size="6"] .mh-nav-label{font-size:8px;bottom:1px}.mh-nav-map[data-size="7"] .mh-nav-vehicle{transform:scale(.75);transform-origin:top right}

.mh-nav-feedback{margin:16px 0}