.online-map{color:#24382f;background:#f7f7f2;min-height:100svh;font-family:system-ui,sans-serif}.online-map *{box-sizing:border-box}.map-header{border-bottom:1px solid #d4dbd4;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.map-brand{font-size:20px;font-weight:750}.map-header h1{color:#506357;margin:3px 0 0;font-size:16px;font-weight:400}.online-map a{color:#24563e;text-underline-offset:3px}.map-header a{align-items:center;min-height:48px;display:flex}.map-workspace{grid-template-columns:300px 1fr;min-height:calc(100svh - 92px);display:grid}.map-context{padding:28px 24px}.map-eyebrow{letter-spacing:.08em;color:#506357;margin:0 0 28px;font-size:11px;font-weight:700}.map-context label{margin-bottom:8px;font-weight:650;display:block}.map-context select,.map-context button{width:100%;font:inherit;color:#24382f;background:#fff;border:1px solid #738579;border-radius:4px;min-height:48px;padding:10px}.map-context p{font-size:15px;line-height:1.55}.map-status{border-top:1px solid #d4dbd4;border-bottom:1px solid #d4dbd4;padding:12px 0;font-weight:600}.map-scope{margin-top:28px}.map-scope strong{font-size:15px}.map-source{color:#506357;font-size:13px!important}.map-surface{background:#dfe7d6;min-height:600px;position:relative;overflow:hidden}.map-canvas{position:absolute;inset:0}.map-controls{grid-template-columns:48px 48px;gap:6px;display:grid;position:absolute;top:20px;right:20px}.map-controls button{color:#24563e;cursor:pointer;background:#fff;border:1px solid #a8b5ab;border-radius:4px;width:48px;height:48px;font:600 24px system-ui}.map-controls button:disabled{color:#748479;cursor:default}.online-map button:hover:enabled{background:#e9efe9}.online-map :focus-visible{outline-offset:3px;outline:3px solid #24563e}.map-footer{background:#f7f7f2f5;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px;font-size:12px;line-height:1.5;display:flex;position:absolute;bottom:0;left:0;right:0}.map-footer a{color:#24563e}@media (width<=700px){.map-header{gap:12px;padding:12px 16px}.map-brand{font-size:18px}.map-header a{font-size:13px}.map-workspace{flex-direction:column;display:flex}.map-context{padding:16px}.map-eyebrow{margin-bottom:12px}.map-context>p:not(.map-status):not(.map-eyebrow){margin:10px 0}.map-scope,.map-source{display:none}.map-surface{height:65svh;min-height:500px}.map-controls{top:12px;right:12px}.map-footer{padding:8px 12px;font-size:11px}}.online-map{flex:1;width:100%;min-width:0}.map-workspace{width:100%}.map-surface{min-width:0}.online-map{height:100%;overflow:auto}.map-footer>span{overflow-wrap:anywhere;max-width:100%}