/* Map editor owns the first-screen layout; data tables retain the telemetry theme. */
.hero{height:100svh;min-height:720px;max-height:none;display:block;padding:0;overflow:hidden}.hero header.detail-command{top:18px;left:24px;right:24px;z-index:8}.hero-title{top:105px;left:24px;right:auto;max-width:340px;pointer-events:none}.hero-title .eyebrow,.hero-title .intro{display:none}.hero h1{font-size:22px;line-height:1.25;opacity:.85}.hero h1>span{display:inline}.map{inset:0;position:absolute;height:auto;width:auto;margin:0;cursor:grab;touch-action:none}.map[data-mode=draw]{cursor:crosshair}.map:active{cursor:grabbing}.map .waypoint,.map .editable-segment{cursor:move}.map .waypoint:focus{outline:none;stroke:var(--accent);stroke-width:3}.historical-path{cursor:pointer;pointer-events:stroke}.historical-path:hover,.historical-path:focus{opacity:.65;stroke-width:3;outline:none}.editor-toolbar{position:absolute;top:62px;left:24px;right:24px;z-index:9;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.editor-toolbar button,.editor-toolbar select{font-size:11px;padding:7px 9px;min-height:34px;margin:0;background:var(--surface-overlay)}.editor-toolbar button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.editor-toolbar .template-pick{display:flex;align-items:center;gap:5px}.editor-toolbar #example{width:135px}.editor-toolbar #edit-geometry{width:190px}.editor-toolbar .toolbar-divider{width:1px;height:20px;background:var(--line-strong);margin:0 3px}.editor-toolbar .speed-control{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.editor-toolbar #edit-speed{width:55px;padding:5px;height:32px;font:11px var(--font-data)}.editor-toolbar .history-control{display:flex;align-items:center;gap:5px;font-size:10px}.editor-toolbar .history-control input{accent-color:var(--accent)}.map-tools{top:110px;right:24px;left:auto;z-index:7}.map-tools #zoom{display:none}.input-drawer{left:auto;right:24px;top:151px;width:300px;max-height:calc(100% - 355px);z-index:10}.input-drawer>summary{padding:8px 12px;font-size:11px}.input-drawer:not([open]){width:auto;box-shadow:none}.input-body{padding:0 12px 10px}.input-body #run{display:none}.input-body #rmw,.input-body label[for=rmw],.input-body #rmw-note{display:none}.input-body textarea{height:155px}.inspector{right:24px;top:212px;width:250px;max-height:200px;overflow:auto;box-shadow:none;background:rgba(10,16,32,.85);padding:10px;pointer-events:auto}.inspector strong{font-size:16px}.inspector .reading{font-size:26px}.legend{right:24px;bottom:210px;width:195px;font-size:9px;pointer-events:none}.map-readings{left:24px;bottom:192px;padding:10px 12px;gap:24px;background:var(--surface-overlay);border:1px solid var(--line);pointer-events:auto}.metric strong{font-size:37px}.metric.geometry strong{font-size:22px}.metric.geometry #motion{font-size:11px}.correction-control{left:24px;bottom:117px;max-width:460px;padding:6px 10px}.correction-control #correction-means{display:inline;font-size:10px;margin-left:8px}.correction-control p{display:none}.editor-bottom{position:absolute;left:24px;right:24px;bottom:15px;z-index:6;pointer-events:none}.editor-check-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px;pointer-events:auto}.path-checks{display:flex;gap:5px;flex-wrap:wrap;background:var(--surface-overlay);padding:5px 8px;border:1px solid var(--line)}.path-checks span{font:9px var(--font-data);padding:3px 4px}.path-checks .pass{color:var(--accent)}.path-checks .fail{color:var(--c4)}.editor-check-row button{font-size:10px;padding:4px 8px}.editor-message{position:absolute;left:24px;bottom:274px;z-index:5;font:10px var(--font-data);color:var(--muted);background:var(--surface-overlay);padding:5px 8px;max-width:calc(100% - 320px);pointer-events:none}.timeline{position:absolute;left:auto;right:0;bottom:0;width:calc(100% - 725px);padding:6px 10px;background:var(--surface-overlay);pointer-events:auto}.timeline-top{display:block}.timeline label{font-size:9px}.time-readout{font-size:10px}.timeline input{margin-top:7px}.waypoint-panel{position:absolute;z-index:11;left:24px;top:153px;width:260px;padding:12px;background:var(--surface-overlay);border:1px solid var(--line-strong);box-shadow:8px 8px 0 #0005;max-height:calc(100% - 455px);overflow:auto}.waypoint-panel .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.waypoint-panel .panel-head button{font-size:10px;padding:3px 7px}.waypoint-panel strong{font-size:13px}.waypoint-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.waypoint-fields label{font-size:10px}.waypoint-fields input{width:100%;padding:5px;font:11px var(--font-data);margin-top:3px}.waypoint-fields .wide{grid-column:1/-1}.waypoint-fields .lock-label{display:flex;align-items:center;gap:5px;color:var(--text);font-size:10px}.waypoint-fields .lock-label input{width:auto;margin:0;accent-color:var(--accent)}.intensity-shortcuts{display:flex;gap:3px;margin:10px 0}.intensity-shortcuts button{padding:4px 5px;flex:1;font-size:10px;border-bottom:2px solid var(--band)}#wp-relative,#rmw-kind{font:9px var(--font-data);color:var(--muted)}#wp-delete{font-size:10px;color:var(--c4);padding:5px 8px;margin-top:8px}#editor-rmw{max-width:85px}#add-center{position:absolute;z-index:7;left:50%;top:calc(50% - 10px);transform:translateX(-50%);background:var(--accent);color:var(--ink);font-size:12px;font-weight:700}.waypoint-list{position:absolute;z-index:12;left:24px;right:24px;top:155px;max-height:45svh;overflow:auto;background:var(--surface-overlay);border:1px solid var(--line-strong);padding:12px}.waypoint-list-head{font-size:11px;color:var(--muted);margin-bottom:8px}.waypoint-list-row{display:grid;grid-template-columns:36px 1fr 1fr 2fr 1fr;gap:6px;margin:5px 0}.waypoint-list-row input{width:100%;min-width:0;font:11px var(--font-data);padding:6px}.waypoint-list-row button{font-size:11px;padding:5px}.share-fallback{position:absolute;z-index:12;bottom:160px;left:24px;right:24px;width:calc(100% - 48px);height:60px}.input-body .status{max-height:100px;overflow:auto}
@media(max-width:1100px) and (min-width:761px){.editor-toolbar{right:15px;left:15px;gap:4px}.editor-toolbar button{padding:6px}.editor-toolbar .history-control{display:none}.editor-toolbar .speed-control{font-size:9px}.editor-toolbar #example{width:110px}.hero-title{top:145px}.map-tools{top:148px}.input-drawer{top:188px}.inspector{top:240px;width:215px}.waypoint-panel{top:185px}.timeline{width:235px}.map-readings{bottom:195px}.legend{display:none}.correction-control{bottom:152px}.editor-message{bottom:280px}}
@media(max-width:760px){.hero{height:100svh;min-height:680px;max-height:none;display:block;padding:0;overflow:hidden}.hero header.detail-command{position:absolute;top:17px;left:12px;right:12px;display:flex}.hero-title{display:none}.editor-toolbar{top:58px;left:10px;right:10px;gap:4px;align-items:center}.editor-toolbar button,.editor-toolbar select{min-height:32px;font-size:10px;padding:5px 7px}.editor-toolbar #example{width:110px}.editor-toolbar #edit-geometry{width:150px}.editor-toolbar .toolbar-divider,.editor-toolbar .history-control{display:none}.editor-toolbar .speed-control{font-size:9px}.editor-toolbar #edit-speed{width:42px;height:30px}.map{position:absolute;inset:0;width:100%;height:100%;margin:0}.map-tools{position:absolute;top:150px;right:10px;left:auto;display:block}.map-tools button{min-height:30px;font-size:9px;padding:5px 8px}.input-drawer{position:absolute;top:188px;right:10px;left:auto;width:min(300px,calc(100% - 20px));max-height:calc(100% - 390px);overflow:auto}.input-drawer:not([open]){width:auto}.input-drawer>summary{font-size:10px;padding:6px 9px}.inspector{position:absolute;top:auto;bottom:218px;left:auto;right:10px;width:175px;max-height:105px;overflow:auto;padding:7px;border:1px solid var(--line);background:var(--surface-overlay)}.inspector strong{font-size:12px}.inspector .reading{font-size:20px}.inspector p{font-size:9px;line-height:1.5}.inspector>span:not(.reading){display:none}.map-readings{position:absolute;bottom:153px;left:10px;right:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:8px;background:var(--surface-overlay)}.metric span{font-size:8px}.metric strong{font-size:28px}.metric small{font-size:9px}.metric.geometry{grid-column:auto;display:block;border-top:0;border-left:1px solid var(--line);padding:0 0 0 7px}.metric.geometry #cpa{font-size:22px;text-align:left}.metric.geometry #motion{font-size:9px;text-align:left}.metric.geometry span{font-size:8px}.correction-control{position:absolute;bottom:117px;left:10px;right:10px;max-width:none;padding:5px 8px;display:flex;align-items:center;gap:6px}.correction-control label{font-size:9px}.correction-control #correction-means{font-size:9px;margin:0}.editor-bottom{left:10px;right:10px;bottom:8px}.editor-check-row{gap:4px;margin-bottom:5px}.path-checks{padding:3px;gap:2px}.path-checks span{font-size:8px;padding:2px}.editor-check-row button{font-size:9px;padding:3px 6px}.timeline{position:static;width:100%;padding:5px 8px;border:0;display:block;background:var(--surface-overlay);margin:4px 0 0}.timeline label{display:none}.timeline-top{display:block}.time-readout{font-size:9px;margin:0}.timeline input{margin:3px 0 0}.editor-message{left:10px;bottom:335px;max-width:calc(100% - 20px);font-size:9px}.waypoint-panel{left:10px;top:150px;width:205px;max-height:calc(100% - 485px);padding:9px;box-shadow:none}.waypoint-fields{gap:5px}.waypoint-fields label{font-size:9px}.waypoint-fields input{font-size:10px;padding:4px}.intensity-shortcuts{gap:2px;margin:7px 0}.intensity-shortcuts button{font-size:9px;padding:3px}.waypoint-panel .panel-head{margin-bottom:6px}.waypoint-panel strong{font-size:11px}.waypoint-list{left:10px;right:10px;top:150px;max-height:calc(100% - 350px);padding:7px}.waypoint-list-row{grid-template-columns:25px 1fr 1fr;gap:3px;padding-bottom:6px;border-bottom:1px solid var(--line)}.waypoint-list-row input[type=datetime-local]{grid-column:2/4}.waypoint-list-row input{font-size:10px;padding:4px}.legend{display:none}.share-fallback{bottom:220px;left:10px;right:10px;width:calc(100% - 20px)}#add-center{top:calc(50% - 30px);font-size:11px;padding:8px 12px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* One right rail and one bottom dock: content flow determines spacing. */
.editor-rail{position:absolute;z-index:6;right:24px;top:208px;width:252px;bottom:310px;overflow:auto;overscroll-behavior:contain;background:var(--surface-overlay);border:1px solid var(--line-strong);scrollbar-width:thin}
.editor-rail .inspector{position:static;width:auto;max-height:none;margin:0;padding:12px;border:0;background:none;box-shadow:none;overflow:visible}
.editor-rail .inspector strong{font-size:16px}.editor-rail .inspector .reading{font-size:26px}.editor-rail .inspector p{font-size:10px;line-height:1.6;margin:7px 0}
.editor-rail .legend{position:static;display:block;width:auto;margin:0;padding:12px;border:0;border-top:1px solid var(--line-strong);background:none;pointer-events:auto}
.editor-rail .wind-band-list{gap:7px}.editor-rail .wind-band{grid-template-columns:7px 70px minmax(0,1fr);gap:7px;font-size:10px}.editor-rail .wind-band>small{font-size:9px}.editor-rail .wind-band>i{height:12px}.editor-rail #legend-unit{font-size:9px;margin-bottom:10px}
.editor-dock{position:absolute;z-index:7;bottom:18px;left:24px;right:24px;display:flex;flex-direction:column;gap:9px;pointer-events:none}.dock-readouts{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none}
.editor-dock .map-readings{position:static;display:flex;gap:26px;min-width:0;padding:10px 14px;background:var(--surface-overlay);margin:0;pointer-events:auto}.editor-dock .metric.geometry{padding-left:18px;border-left:1px solid var(--line-strong)}
.editor-dock .correction-control{position:static;max-width:340px;margin:0;padding:8px 12px;pointer-events:auto}.editor-dock .correction-control #correction-means{display:block;margin:5px 0 0;font-size:10px}.editor-dock .correction-control p{display:none}
.editor-dock .editor-bottom{position:static;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:8px 16px;pointer-events:none}.editor-dock .editor-check-row{grid-column:1/-1;margin:0;min-width:0}.editor-dock .timeline{position:static;grid-column:2;width:auto;margin:0;align-self:end;padding:10px 12px;border:1px solid var(--line-strong)}
.editor-message{top:137px;bottom:auto;left:24px;max-width:calc(100% - 340px);background:var(--surface-overlay);font-size:10px}.hero-title{display:none}
@media(min-width:761px) and (max-height:800px){.editor-rail{top:195px;bottom:290px}.editor-rail .inspector p{font-size:9px;margin:5px 0}.editor-rail .legend{padding:9px 12px}.editor-rail .wind-band-list{gap:5px}.editor-rail .wind-band{font-size:9px}}
@media(max-width:1100px) and (min-width:761px){.editor-rail{top:240px;right:15px;width:220px;bottom:300px}.editor-dock{left:15px;right:15px}.editor-dock .map-readings{gap:18px}.editor-dock .correction-control{max-width:280px}.editor-message{top:175px;left:15px}}
@media(max-width:760px){.editor-rail{position:absolute;right:10px;left:auto;top:auto;bottom:240px;width:178px;max-height:125px;border:1px solid var(--line);background:var(--surface-overlay)}.editor-rail .inspector{padding:7px}.editor-rail .inspector strong{font-size:12px}.editor-rail .inspector .reading{font-size:20px}.editor-rail .inspector p{font-size:9px;line-height:1.5}.editor-rail .legend{display:none}.editor-dock{bottom:8px;left:10px;right:10px;gap:5px}.dock-readouts{display:flex;flex-direction:column;align-items:stretch;gap:5px}.editor-dock .map-readings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:7px 9px}.editor-dock .metric.geometry{display:block;padding-left:8px}.editor-dock .correction-control{max-width:none;padding:5px 8px;display:flex;align-items:center;gap:6px}.editor-dock .correction-control #correction-means{display:inline;margin:0;font-size:8px}.editor-dock .correction-control label{font-size:9px}.editor-dock .editor-bottom{display:flex;flex-direction:column;gap:4px}.editor-dock .editor-check-row{margin:0}.editor-dock .timeline{width:100%;padding:4px 8px;display:block;border:1px solid var(--line)}.editor-dock .timeline label{display:none}.editor-message{top:132px;bottom:auto;left:10px;max-width:calc(100% - 20px);font-size:9px}.waypoint-panel{max-height:calc(100% - 400px)}
}

.editor-rail{bottom:auto;height:max-content;max-height:calc(100% - 510px)}
@media(max-width:1100px) and (min-width:761px){.editor-rail{bottom:auto;max-height:calc(100% - 540px)}}
@media(max-width:760px){.editor-rail{top:auto;bottom:240px;max-height:125px;height:auto}.hero:has(.waypoint-panel:not([hidden])) .editor-rail{visibility:hidden}}

.editor-message{top:calc(var(--editor-toolbar-bottom,110px) + 6px)}
@media(max-width:760px){.editor-message{top:var(--editor-toolbar-bottom,170px);max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-tools{top:calc(var(--editor-toolbar-bottom,170px) + 27px)}.input-drawer{top:calc(var(--editor-toolbar-bottom,170px) + 63px)}.waypoint-panel,.waypoint-list{top:calc(var(--editor-toolbar-bottom,170px) + 27px)}.hero:has(#curve-drawer[open]) .editor-rail{visibility:hidden}.editor-dock{max-height:60svh;overflow:auto;scrollbar-width:thin}}

/* Full-width timeline; the inspector and every legend band stay expanded. */
.editor-dock .editor-bottom{grid-template-columns:minmax(0,1fr);gap:8px}.editor-dock .timeline{grid-column:1;width:100%;padding:8px 12px}.editor-dock .timeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-dock .timeline input{margin:8px 0 0}.editor-dock .timeline label{font-size:9px}.editor-dock .map-readings{padding:8px 12px}.editor-dock .metric strong{font-size:34px}
.editor-rail{width:290px;top:198px;bottom:auto;max-height:none;height:auto;overflow:visible}.editor-rail .inspector{padding:12px 14px}.editor-rail .inspector p{font-size:10px;line-height:1.6;margin:6px 0}.editor-rail .legend{padding:12px 14px}.editor-rail .wind-band-list{gap:6px}.editor-rail .wind-band{font-size:10px;grid-template-columns:8px 78px minmax(0,1fr)}.editor-rail .wind-band>small{font-size:9px}.editor-rail #legend-unit{margin-bottom:8px}
@media(max-width:1100px) and (min-width:761px){.editor-rail{top:230px;right:15px;width:270px;max-height:none}.editor-rail .inspector p{font-size:9px}.editor-rail .legend{padding:9px 14px}}
@media(max-width:760px){.editor-rail{top:auto;bottom:218px;right:10px;width:185px;max-height:none;overflow:visible}.editor-rail .inspector{padding:8px}.editor-rail .inspector p{font-size:9px}.editor-rail .legend{display:block;padding:8px}.editor-rail .wind-band{grid-template-columns:5px 65px minmax(0,1fr);font-size:8px;gap:4px}.editor-rail .wind-band>small{font-size:7px}.editor-rail .wind-band-list{gap:5px}.editor-rail #legend-unit{font-size:8px;margin-bottom:6px}.editor-dock .timeline-top{display:block}.editor-dock .timeline label{display:none}.editor-dock .timeline{padding:5px 8px}.editor-dock .metric strong{font-size:28px}}

@media(max-width:760px){.hero:has(.map[data-mode=draw]) .editor-rail{visibility:hidden}}

.map .station-value{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;user-select:none}.map .station-name{font-family:var(--font-body);font-weight:700;letter-spacing:0;user-select:none}.map .station-marker:has(.point:hover) .station-name,.map .station-marker:has(.point:focus) .station-name{fill:var(--accent)}

.timeline-controls{display:flex;gap:14px;align-items:center;font:9px var(--font-data);color:var(--muted)}.editor-dock .timeline .timeline-controls label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text);white-space:nowrap;cursor:pointer}.editor-dock .timeline .timeline-controls input{width:auto;margin:0;accent-color:var(--accent);cursor:pointer}.timeline-controls>span{white-space:nowrap}
.editor-rail .station-inspector-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.editor-rail .station-inspector-head strong{font-size:17px}.station-inspector-head>span{color:var(--muted);font:9px var(--font-data)}.station-peak{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.editor-rail .station-peak .reading{margin:0;font-size:39px;line-height:1.2}.editor-rail .station-peak .reading small{font:11px var(--font-data)}.station-observed{font:10px var(--font-data);color:var(--muted)}.station-observed b{color:var(--text);font-weight:600}.station-correction{font-size:9px;color:var(--c2);margin:7px 0}.station-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;margin:15px 0}.station-facts>div{min-width:0}.station-facts dt,.station-cpa-time>span{font:9px/1.4 var(--font-data);color:var(--muted)}.station-facts dd{margin:4px 0 0;font:600 17px/1.2 var(--font-data);color:var(--text)}.station-facts dd small{font:9px var(--font-data);color:var(--muted)}.station-facts .wind-from{font:600 17px var(--font-data);gap:6px}.station-cpa-time{padding-top:10px;border-top:1px solid var(--line);display:grid;gap:5px}.station-cpa-time time{font:10px var(--font-data);color:var(--text)}.editor-rail .inspector .station-direction-note{font-size:9px;line-height:1.6;margin:9px 0;color:var(--muted)}.station-more{border-top:1px solid var(--line);padding-top:8px}.station-more summary{font:9px var(--font-data);color:var(--muted)}.station-more dl{margin:8px 0 0;display:grid;gap:7px}.station-more dl>div{display:flex;justify-content:space-between;gap:8px;font:9px/1.5 var(--font-data)}.station-more dt{color:var(--muted)}.station-more dd{margin:0;color:var(--text)}
@media(max-width:760px){.editor-dock .timeline .timeline-controls label{font-size:9px}.timeline-controls{gap:8px}.timeline-controls>span{display:none}.editor-dock .timeline-top{display:flex}.station-inspector-head>span{display:none}.editor-rail .station-peak .reading{font-size:29px}.station-observed{font-size:8px}.station-facts{gap:9px 6px;margin:12px 0}.station-facts dt{font-size:8px}.station-facts dd,.station-facts .wind-from{font-size:13px}.station-cpa-time time{font-size:9px}.editor-rail .inspector .station-direction-note{font-size:8px}}

.editor-rail .station-inspector-head{position:static;inset:auto;padding:0;border:0;min-height:0;z-index:auto}.dock-readouts{justify-content:flex-start}.editor-dock .correction-control{align-self:flex-end}
@media(min-width:761px) and (max-height:800px){.editor-rail{top:192px}.editor-rail .inspector{padding:10px 12px}.editor-rail .station-inspector-head{margin-bottom:3px}.editor-rail .station-inspector-head strong{font-size:15px}.editor-rail .station-peak .reading{font-size:30px}.station-facts{margin:10px 0;gap:8px 12px}.station-facts dd,.station-facts .wind-from{font-size:14px}.station-facts dt{font-size:8px}.station-cpa-time{padding-top:7px;gap:4px}.station-cpa-time time{font-size:9px}.editor-rail .inspector .station-direction-note{font-size:8px;margin:7px 0}.station-more{padding-top:6px}.station-more summary{font-size:8px}.editor-rail .legend{padding:9px 12px}.editor-rail .wind-band-list{gap:4px}.editor-rail .wind-band{font-size:9px}.editor-rail .wind-band>i{height:10px}.editor-rail #legend-unit{font-size:8px;margin-bottom:6px}}
@media(max-width:760px){.editor-dock .correction-control{align-self:stretch}.editor-rail .station-inspector-head strong{font-size:13px}.station-facts{margin:9px 0;gap:7px 6px}.editor-rail .station-peak .reading{font-size:27px}.editor-rail .inspector .station-direction-note{margin:7px 0;font-size:8px}.station-cpa-time{padding-top:7px}.station-more{padding-top:6px}}
@media(min-width:761px){.hero{min-height:min(720px,100svh)}}
@media(min-width:761px) and (max-height:800px){.editor-rail .inspector{padding:8px 12px}.editor-rail .station-inspector-head strong{font-size:14px}.editor-rail .station-peak .reading{font-size:28px}.station-facts{margin:8px 0;gap:6px 12px}.station-facts dt{font-size:8px;line-height:1.2}.station-facts dd,.station-facts .wind-from{font-size:13px}.station-facts dd{margin-top:3px}.station-cpa-time{padding-top:6px;gap:3px}.editor-rail .inspector .station-direction-note{margin:6px 0;font-size:8px;line-height:1.35}.station-more{padding-top:5px}.editor-rail .legend{padding:8px 12px}.editor-rail .wind-band{line-height:1.25}.editor-rail .wind-band-list{gap:3px}.editor-rail #legend-unit{margin-bottom:5px;line-height:1.3}}


/* Mobile: panels occupy their own rows instead of competing for map pixels. */
.editor-map-stage{display:contents}
@media(max-width:760px), (max-height:500px) and (max-width:1000px){
 .hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column;overflow:visible;padding:14px 10px 10px;gap:8px}
 .hero header.detail-command{position:static;inset:auto;order:0;min-height:25px;gap:12px;font-size:9px}
 .editor-toolbar{position:static;inset:auto;order:1;gap:4px;flex-shrink:0}
 .editor-toolbar button,.editor-toolbar select{min-height:34px}
 .editor-toolbar .history-control,.editor-toolbar .toolbar-divider{display:none}
 .editor-toolbar #example{width:122px}.editor-toolbar #edit-geometry{width:156px}
 .editor-message{position:static;inset:auto;order:2;margin:0;max-width:100%;font-size:9px;white-space:normal;overflow:visible}
 .map-tools{position:static;inset:auto;order:3;display:flex;justify-content:flex-end}
 .input-drawer,.input-drawer:not([open]){position:static;inset:auto;order:4;align-self:stretch;width:auto;max-height:none;overflow:visible;margin:0;box-shadow:none}
 .input-drawer>summary{padding:8px 10px}.input-body textarea{font-size:12px}
 .editor-map-stage{order:5;display:block;position:relative;height:clamp(300px,52svh,560px);flex:none;min-width:0;isolation:isolate;overflow:hidden;border:1px solid var(--line)}
 .editor-map-stage .map{position:absolute;inset:0;width:100%;height:100%}
 .editor-map-stage #add-center{top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 24px)}
 .editor-map-stage .waypoint-panel,.editor-map-stage .waypoint-list{position:absolute;inset:8px;bottom:auto;width:auto;max-height:calc(100% - 16px);overflow:auto;margin:0;overscroll-behavior:contain}
 .editor-map-stage .share-fallback{inset:auto 8px 8px;width:calc(100% - 16px)}
 .editor-dock{position:static;inset:auto;order:6;max-height:none;overflow:visible;width:100%;gap:6px;flex:none}
 .editor-dock .map-readings{grid-template-columns:1fr 1fr;gap:8px;align-items:start;padding:10px}
 .editor-dock .metric{min-width:0}.editor-dock .metric strong{font-size:30px;white-space:nowrap}.editor-dock .metric span{font-size:10px}
 .editor-dock .metric.geometry{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;border-left:0;border-top:1px solid var(--line);padding:8px 0 0}
 .editor-dock .metric.geometry>span{grid-column:1/-1}.editor-dock .metric.geometry #cpa{font-size:23px}.editor-dock .metric.geometry #motion{font-size:11px}
 .editor-dock .correction-control{flex-wrap:wrap;gap:4px 10px;padding:8px 10px}.editor-dock .correction-control label{font-size:10px}.editor-dock .correction-control #correction-means{font-size:9px}
 .editor-dock .path-checks{padding:5px;gap:3px}.editor-dock .path-checks span{font-size:9px}
 .editor-dock .timeline-top{flex-wrap:wrap;gap:5px}.editor-dock .time-readout{font-size:10px}.editor-dock .timeline{padding:8px 10px}
 .editor-rail{position:static;inset:auto;order:7;width:100%;height:auto;max-height:none;overflow:visible;visibility:visible;margin:0;flex:none}
 .hero:has(.map[data-mode=draw]) .editor-rail{display:none}
 .hero:has(.waypoint-panel:not([hidden])) .editor-rail{visibility:visible}
 .editor-rail .inspector{padding:12px}.editor-rail .station-inspector-head strong{font-size:16px}.editor-rail .station-inspector-head>span{display:inline;font-size:9px}
 .editor-rail .station-peak .reading{font-size:34px}.station-observed{font-size:10px}.station-facts{margin:12px 0;gap:12px}
 .station-facts dt{font-size:10px}.station-facts dd,.station-facts .wind-from{font-size:16px}.station-cpa-time time{font-size:11px}
 .editor-rail .legend{padding:12px}.editor-rail .wind-band{grid-template-columns:7px 1fr auto;font-size:11px;gap:8px}.editor-rail .wind-band>small{font-size:10px}.editor-rail .wind-band-list{gap:8px}.editor-rail #legend-unit{font-size:10px}
 .lower{min-width:0}.lower>section{min-width:0}
}

.path-checks.valid{background:transparent;border-color:transparent;padding:0}
.path-checks.valid span{color:var(--muted);padding:0;font:9px/1.3 var(--font-data)}
.path-checks.invalid{border-color:var(--c4)}
.path-checks.invalid span{color:var(--c4)}

/* Keep route validation beside the editing controls, away from the timeline. */
.hero>.editor-check-row{position:absolute;z-index:9;top:calc(var(--editor-toolbar-bottom,110px) + 2px);left:24px;right:24px;margin:0;pointer-events:auto}
.hero>.editor-check-row .path-checks{max-width:100%}
.hero>.editor-message{top:calc(var(--editor-toolbar-bottom,110px) + 28px);bottom:auto}
@media(max-width:1100px) and (min-width:761px){.hero>.editor-check-row{left:15px;right:15px}}
@media(max-width:760px), (max-height:500px) and (max-width:1000px){
 .hero>.editor-check-row{position:static;inset:auto;top:auto;left:auto;right:auto;order:2;align-self:flex-start;max-width:100%}
 .hero>.editor-message{position:static;inset:auto;top:auto;bottom:auto;order:3;margin:0;max-width:100%;white-space:normal;overflow:visible}
 .hero>.map-tools{order:4}.hero>.input-drawer{order:5}.hero>.editor-map-stage{order:6}.hero>.editor-dock{order:7}.hero>.editor-rail{order:8}
}