.airspace-chart{--chart-ink:#243e51;--chart-line:#d8e1e5;--chart-blue:#276b8e;--chart-fir:#785977;color:var(--chart-ink);background:#fff;border:1px solid var(--chart-line);border-radius:10px;overflow:hidden;margin-bottom:32px;box-shadow:0 8px 28px #223e5010;font-family:Arial,sans-serif}
.chart-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.chart-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#687e8a}.chart-header h2{margin:5px 0 0;font-size:25px;font-weight:700;letter-spacing:-.5px;color:#243e51}.chart-header h2 span{font-size:13px;letter-spacing:2px;font-weight:500;margin-left:12px;color:#6d808c}.chart-actions{display:flex;gap:8px}.airspace-chart button{font:600 12px Arial,sans-serif;cursor:pointer}.chart-actions button{color:#304c5f;border:1px solid #c9d6de;background:#fff;border-radius:5px;padding:10px 14px}.chart-actions button:hover{background:#edf4f7}.airspace-chart button:focus-visible,.airspace-chart input:focus-visible{outline:3px solid #1785b8;outline-offset:2px}.chart-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:13px 24px;border-top:1px solid #edf1f4;border-bottom:1px solid var(--chart-line);background:#f8fafb;font-size:12px}.chart-mode{font-size:10px;font-weight:700;color:#537080;letter-spacing:1.2px;border-right:1px solid #d4dfe5;padding-right:24px}.chart-toolbar label{display:flex;align-items:center;gap:7px;cursor:pointer;margin:0}.chart-toolbar input{width:15px;height:15px;accent-color:#316c87;margin:0}.chart-orientation{margin-left:auto;font-size:11px;color:#6a7f8a}.chart-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);height:660px;height:clamp(560px,73vh,820px)}.chart-sidebar{overflow-y:auto;background:#fff;border-right:1px solid var(--chart-line);z-index:1}.chart-directory-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 13px}.chart-directory-heading h3{font-size:13px;font-weight:700;margin:0;color:#243e51}.chart-directory-heading span{font-size:11px;color:#7b8d96}.airspace-entry{display:block;width:100%;text-align:left;border:0;border-left:3px solid transparent;border-bottom:1px solid #eef2f4;background:#fff;padding:13px 15px!important;color:#294252!important;border-radius:0!important}.airspace-entry:hover{background:#f5f8fa}.airspace-entry[aria-pressed=true]{border-left-color:#346b86;background:#edf4f8}.airspace-entry strong{display:block;font-size:12px;line-height:1.5;font-weight:600}.airspace-entry .entry-meta{display:block;margin-top:4px;font-size:10px;color:#768993;font-weight:400;line-height:1.5}.airspace-entry .entry-review{color:#986b3c}.entry-symbol{display:inline-block;width:17px;margin-right:7px;border-top:2px solid #276b8e;vertical-align:middle}.entry-symbol.is-fir{border-top:2px dashed #785977}.entry-symbol.is-pending{border-color:#a9b4ba;border-top-style:dotted}.chart-details{margin:18px;padding:16px 0 0;border-top:1px solid #dce5e9}.chart-details h3{font-size:14px;line-height:1.4;margin:0 0 12px;color:#243e51}.chart-details dl{display:grid;grid-template-columns:65px minmax(0,1fr);gap:9px 10px;margin:0;font-size:11px;line-height:1.5}.chart-details dt{color:#7b8d97}.chart-details dd{margin:0;color:#304e60;overflow-wrap:anywhere}.chart-details .chart-review{font-size:11px;line-height:1.7;color:#89633c;background:#fbf7ef;border-left:2px solid #c7a778;padding:9px 10px;margin-top:15px}.chart-details details{font-size:11px;line-height:1.7;margin-top:14px;color:#5c727f}.chart-details summary{cursor:pointer;font-weight:600}.chart-details p{margin-bottom:0}.chart-stage{position:relative;min-width:0;min-height:0;background:#dfeef3}#airspaceMapPublic{height:100%;width:100%;background:#dfeef3;font-family:Arial,sans-serif}.chart-coordinate-readout{position:absolute;right:16px;top:14px;z-index:500;font:10px/1.5 Consolas,monospace;color:#58727e;background:#ffffffdc;border:1px solid #d6e3e9;border-radius:3px;padding:6px 9px;pointer-events:none}.chart-legend{position:absolute;left:15px;bottom:34px;z-index:500;display:flex;flex-direction:column;gap:7px;background:#ffffffeb;padding:11px 13px;border:1px solid #d4e0e6;border-radius:4px;font-size:10px;color:#57717e;pointer-events:none}.chart-legend span{display:flex;align-items:center;gap:9px}.chart-legend i{width:22px;border-top:2px solid #276b8e}.chart-legend .fir-key{border-top:2px dashed #785977}.chart-legend .border-key{border-top:1px dashed #abb3b2}.chart-source{padding:13px 20px;font-size:11px;color:#657a86;line-height:1.7;border-top:1px solid #d8e3e8}.chart-source strong{color:#435e6e;font-weight:600}.chart-source a{color:#426d80;text-decoration:underline}.chart-place-label{white-space:nowrap;font-size:10px;color:#7c8a8b;text-shadow:1px 1px #fafaf5,-1px -1px #fafaf5,1px -1px #fafaf5,-1px 1px #fafaf5;pointer-events:none}.chart-airspace-label{display:inline-block;padding:5px 8px;border:1px solid #b9cfdc;border-left:2px solid #276b8e;border-radius:3px;background:#ffffffee;color:#275f7b;white-space:nowrap;font:600 10px/1.4 Arial,sans-serif;text-align:center;box-shadow:0 1px 3px #526d8015}.chart-airspace-label span{display:block;font-size:9px;font-weight:400;letter-spacing:.4px;color:#597785;margin-top:2px}.chart-airspace-label.is-fir{color:#785977;font-size:12px;letter-spacing:1.7px;background:#f8f7f0d9;border:0;box-shadow:none;padding:8px 12px}.chart-grid-label{font:10px Consolas,monospace;color:#859899;white-space:nowrap;pointer-events:none}.chart-sea-label{font:italic 12px Georgia,serif;letter-spacing:2px;color:#8cabb9;white-space:nowrap;pointer-events:none}.airspace-chart .leaflet-bar{border:1px solid #bdcfd9;box-shadow:0 2px 5px #334f6110}.airspace-chart .leaflet-bar a{color:#385c70;background:#fffffff5}.airspace-chart .leaflet-control-scale-line{font:10px Arial,sans-serif;color:#5b7280;background:#ffffffd9;border-color:#718e9e}.airspace-chart .leaflet-control-attribution{font-size:9px;color:#6a818e;background:#ffffffce}.airspace-chart .leaflet-control-attribution a{color:#526f80}#chartStatus{position:absolute;top:55px;right:15px;left:55px;z-index:510;font-size:12px;padding:10px;background:#fff8eb;color:#795a30;border:1px solid #e6d5b4;border-radius:4px}.airspace-row-clickable{cursor:pointer}.airspace-row-clickable:hover{background:#edf4f8}.airspace-chart.fullscreen-active{position:fixed;inset:0;z-index:100000;margin:0;border-radius:0;display:flex;flex-direction:column}.fullscreen-active .chart-workspace{flex:1;min-height:0;height:auto}.fullscreen-active .chart-header{padding:12px 20px}.fullscreen-active .chart-source{font-size:10px;padding:8px 16px}
@media(max-width:800px){.chart-workspace{grid-template-columns:220px minmax(0,1fr)}.chart-toolbar{gap:12px;padding:12px 16px}.chart-mode{display:none}.chart-legend{font-size:9px;padding:9px}.chart-header{padding:18px}.chart-header h2{font-size:22px}}
@media(max-width:580px){.chart-header{padding:15px;align-items:start}.chart-header h2{font-size:19px}.chart-header h2 span{display:block;margin:5px 0 0;font-size:10px}.chart-actions{gap:5px}.chart-actions button{font-size:10px;padding:8px}.chart-kicker{font-size:9px}.chart-orientation{display:none}.chart-toolbar{font-size:10px;gap:12px}.chart-workspace{display:flex;flex-direction:column;height:auto}.chart-sidebar{display:contents} .chart-directory-heading{display:none}#airspaceDirectory{display:flex;overflow-x:auto;order:0;background:#fff;flex-shrink:0;border-bottom:1px solid #d8e1e5}.airspace-entry{flex:0 0 170px;padding:11px!important;border-left:0;border-bottom:3px solid transparent}.airspace-entry[aria-pressed=true]{border-bottom-color:#346b86}.airspace-entry strong{font-size:11px}.chart-stage{order:1;height:470px;flex:none}.chart-details{order:2;margin:0;padding:16px;border-top:1px solid #dce5e9}.chart-details dl{grid-template-columns:62px 1fr 62px 1fr}.chart-details .chart-review{margin-top:12px}.chart-source{font-size:10px;padding:12px 15px}.chart-coordinate-readout{font-size:9px;right:10px}.chart-legend{left:8px;bottom:32px;font-size:9px}.fullscreen-active .chart-workspace{overflow:auto}.fullscreen-active .chart-stage{height:55vh;min-height:280px}.fullscreen-active .chart-source{display:none}}
@media print{.chart-actions,.chart-toolbar,.chart-coordinate-readout,.leaflet-control-zoom{display:none!important}.chart-workspace{height:500px;display:grid;grid-template-columns:210px minmax(0,1fr)}.chart-sidebar{display:block}#airspaceDirectory{display:block}.chart-stage{height:500px}.airspace-chart{break-inside:avoid;box-shadow:none}.chart-header{padding:12px}.chart-source{font-size:9px}.chart-details{padding:12px;margin:0}.chart-details dl{grid-template-columns:62px 1fr}.chart-details details{display:none}}
.chart-airspace-label{position:absolute;left:50%;transform:translateX(-50%)}
@media screen and (min-width:581px){.chart-sidebar{display:grid;grid-template-rows:auto minmax(105px,1fr) auto;overflow:hidden}#airspaceDirectory{overflow-y:auto;min-height:0}.chart-details{margin:0;padding:16px 18px;max-height:280px;overflow-y:auto;background:#fafcfd;border-top:1px solid #dce5e9}.chart-details h3{font-size:13px;margin-bottom:11px}.chart-details dl{gap:6px 10px}.chart-details .chart-review{margin-top:12px;font-size:10px;padding:8px}.chart-details details{margin-top:10px}.chart-directory-heading{padding:16px 18px 12px}.airspace-entry{padding:10px 15px!important}}