.navigation-studio{margin-block:2rem;padding:clamp(1rem,3vw,2.5rem);border:1px solid #8cbfb94d;background:linear-gradient(140deg,#f3faf9,#fff 60%);overflow:hidden}.navigation-studio header h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:.25rem 0}.navigation-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;margin:1.5rem 0}.navigation-controls label{flex:1 1 180px}.navigation-controls .check{flex:1 1 230px;align-self:center}.navigation-controls select{width:100%}.navigation-caption{font-size:.82rem;color:#4d6262;line-height:1.5}.navigation-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:1.4rem}.navigation-map-panel{padding:1.2rem;background:#102d35;border-radius:1.2rem;color:#edfafa;min-width:0}.navigation-map-panel .navigation-caption{color:#c8e0e0}.navigation-map-panel select{width:100%;margin-block:.5rem 1rem}.navigation-map{width:100%;height:auto;min-height:230px}.navigation-map[hidden]{display:none}.navigation-boundary{fill:#173d45;stroke:#4d7378;stroke-width:.4}.navigation-path{stroke:#618089;stroke-width:1;stroke-dasharray:2 1;opacity:.5}.navigation-path.is-route{stroke:#60e1ce;stroke-width:1.8;opacity:1}.navigation-map circle{fill:#e5f3f1;stroke:#102d35;stroke-width:.7}.navigation-map text{fill:#edfafa;font-size:2.5px;paint-order:stroke;stroke:#173d45;stroke-width:.5px;stroke-linejoin:round}.navigation-map [role=button]{cursor:pointer}.navigation-map [role=button]:focus{outline:none}.navigation-map [role=button]:focus circle{stroke:#ffdf86;stroke-width:1.5}.navigation-map .is-origin circle{fill:#60e1ce}.navigation-map .is-destination circle{fill:#ffdf86;r:2.8}.navigation-directions{min-width:0}.navigation-directions h3{font-size:1.8rem;margin:.4rem 0}.navigation-directions ol{padding-left:1.6rem}.navigation-directions li{padding:.8rem;border-bottom:1px solid #d9e6e3;border-radius:.5rem}.navigation-directions li p{margin:.4rem 0}.navigation-directions li.is-current{background:#dff4ec;box-shadow:inset 3px 0 #177860}.navigation-step-controls{display:flex;gap:.5rem;flex-wrap:wrap}.navigation-step-controls[hidden]{display:none}.nav-author-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.nav-author-grid .panel{min-width:0}.nav-record-list{max-height:350px;overflow:auto}.nav-author-grid details{margin-block:.7rem}.nav-author-grid input:not([type=checkbox]),.nav-author-grid select,.nav-author-grid textarea{width:100%}.nav-author-grid fieldset{border:1px solid #d9e6e3;margin:.5rem 0}.navigation-studio [hidden]{display:none!important}@media(max-width:760px){.navigation-stage{grid-template-columns:1fr}.navigation-map{min-height:180px}}@media print{body:has([data-print-route]) *{visibility:hidden}body:has([data-print-route]) [data-print-route],body:has([data-print-route]) [data-print-route] *{visibility:visible}[data-print-route]{position:absolute;inset:0;background:white;border:0}[data-print-route] .navigation-controls,[data-print-route] .navigation-map-panel,[data-print-route] button,[data-print-route] .navigation-step-controls{display:none!important}[data-print-route] .navigation-stage{display:block}[data-print-route] li{break-inside:avoid}}

.navigation-studio .navigation-map-panel>label{color:#edfafa}