/* EVOLVE 022 — responsive navigation workbench */
.nav-lab{margin:24px 0;padding:20px;border:1px solid #35566a;border-radius:14px;background:linear-gradient(140deg,#122638,#091522);color:#e4f5f7}
.nav-lab h2{font-size:clamp(19px,3vw,29px);margin:5px 0 8px;letter-spacing:-.03em}
.nav-lab header p{color:#a9c2ce;max-width:880px;font-size:12px}
.nav-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.nav-toolbar label{display:flex;align-items:center;gap:8px;font:11px ui-monospace,monospace;color:#c4d9e3}
.nav-toolbar select,.nav-toolbar button{border:1px solid #385c71;background:#10283a;color:#e5f5f9;border-radius:7px;padding:9px 11px;font:11px ui-monospace,monospace;min-height:38px}
.nav-toolbar input{accent-color:#83f2d6}
.nav-toolbar button:hover{border-color:#83f2d6}
.nav-toolbar button:disabled{opacity:.4}
.nav-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:15px;align-items:start}
#nav-map{display:block;width:100%;height:auto;aspect-ratio:11/7;touch-action:none;border:1px solid #39586b;border-radius:10px;cursor:crosshair}
#nav-map:focus-visible{outline:2px solid #83f2d6;outline-offset:3px}
.nav-details{border:1px solid #2d4b5c;background:#091825;padding:15px;border-radius:10px;min-width:0}
#nav-summary{font:12px/1.9 ui-monospace,monospace;white-space:normal;overflow-wrap:anywhere;color:#bdece4;min-height:84px}
.nav-details label{display:grid;gap:7px;color:#a9c2ce;font:11px ui-monospace,monospace;margin:10px 0}
.nav-details input[type=range]{width:100%;accent-color:#83f2d6}
#nav-progress{width:100%;height:10px;accent-color:#83f2d6;margin:15px 0 5px}
#nav-status{color:#c0d8e0;font-size:12px;min-height:28px}
@media(max-width:850px){.nav-layout{grid-template-columns:1fr}.nav-lab{padding:13px}.nav-toolbar button{flex:1 1 120px}.nav-details{padding:12px}}
@media(prefers-reduced-motion:reduce){.nav-lab *{scroll-behavior:auto!important}}