.vdlh-p5{background:#071b35;color:#fff;padding:78px max(20px,calc((100vw - 1050px)/2));font-family:inherit}
.vdlh-p5 *{box-sizing:border-box}.vdlh-p5-shell{max-width:1140px;margin:auto}
.vdlh-p5-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#f7c351;margin-bottom:16px}
.vdlh-p5-top{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.vdlh-p5-top h2{font-size:clamp(31px,4vw,54px);letter-spacing:-.04em;line-height:1.12;margin:0 0 14px;color:#fff}
.vdlh-p5-top h2 span{color:#ffbe41}.vdlh-p5-top p{color:#c0d0e5;max-width:670px;line-height:1.65;margin:0}
.vdlh-p5-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.vdlh-p5-actions button,.vdlh-p5-actions a{border:1px solid #59718d;border-radius:8px;padding:12px 15px;font-weight:800;background:#102d4f;color:#fff;text-decoration:none;cursor:pointer;font-size:12px}
.vdlh-p5-actions button:hover,.vdlh-p5-actions a:hover{background:#20446c}.vdlh-p5-actions button:disabled{opacity:.55;cursor:wait}
.vdlh-p5-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.vdlh-p5-stats>div{border:1px solid #36516d;background:#0f2d4d;border-radius:10px;padding:17px 19px;min-height:88px}
.vdlh-p5-stats span{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#b2c8e3;font-weight:800;margin-bottom:10px}
.vdlh-p5-stats strong{font-size:24px;color:#ffc14a;font-weight:800;font-variant-numeric:tabular-nums}.vdlh-p5-stats .vdlh-p5-status{font-size:16px;color:#fff}
.vdlh-p5-map-wrap{position:relative;border:1px solid #395574;border-radius:15px;overflow:hidden;background:#112d49;min-height:470px}
#vdlh-p5-leaflet{height:470px;z-index:0;background:radial-gradient(ellipse at center,#1f4f75,#092442 78%)}
.vdlh-p5-notice{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:rgba(6,25,48,.96);color:#dce8f5;padding:12px 18px;border:1px solid #466483;border-radius:10px;text-align:center;font-weight:650;line-height:1.5;font-size:13px;z-index:500;box-shadow:0 3px 20px #0006}
.vdlh-p5-notice[hidden]{display:none}.vdlh-p5-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:#bdd0e7}
.vdlh-p5-legend i{color:#ffc14a;font-style:normal;font-size:16px}.vdlh-p5-legend a{color:#ffc14a;text-decoration:none;font-weight:800}
.vdlh-p5-footnote{font-size:11px;line-height:1.6;color:#9db5cd;margin:20px 0 0}
.vdlh-p5-marker{width:30px;height:30px;background:#ffc14a;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#071e39;box-shadow:0 2px 14px #000a;font-size:19px}
.vdlh-p5-popup{font-family:Arial,sans-serif;min-width:190px;color:#10263f}.vdlh-p5-popup strong{font-size:16px;display:block;margin-bottom:8px}
.vdlh-p5-popup div{padding:3px 0}.vdlh-p5-popup span{font-weight:700}
/* Phase 5 removes decorative dots from the ORIGINAL map illustration; they were never aircraft positions. */
.ops-map-marker{display:none!important}
@media(max-width:850px){.vdlh-p5{padding:50px 18px}.vdlh-p5-top{align-items:start;flex-direction:column}.vdlh-p5-actions{justify-content:flex-start}.vdlh-p5-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.vdlh-p5-stats{gap:8px}.vdlh-p5-stats>div{padding:12px}.vdlh-p5-stats strong{font-size:19px}.vdlh-p5-map-wrap,#vdlh-p5-leaflet{height:360px;min-height:360px}.vdlh-p5-notice{font-size:12px}}

/* Phase 5 hotfix: scoped Leaflet geometry fallback.
   Keeps tiles and map panes aligned even when a theme overrides Leaflet CSS
   or the upstream Leaflet stylesheet does not load. */
#vdlh-p5-leaflet.leaflet-container{position:relative!important;overflow:hidden!important;outline:0}
#vdlh-p5-map .leaflet-pane,
#vdlh-p5-map .leaflet-tile,
#vdlh-p5-map .leaflet-marker-icon,
#vdlh-p5-map .leaflet-marker-shadow,
#vdlh-p5-map .leaflet-tile-container,
#vdlh-p5-map .leaflet-pane>svg,
#vdlh-p5-map .leaflet-pane>canvas,
#vdlh-p5-map .leaflet-image-layer,
#vdlh-p5-map .leaflet-layer{position:absolute!important;left:0;top:0}
#vdlh-p5-map .leaflet-pane{z-index:400}
#vdlh-p5-map .leaflet-tile-pane{z-index:200}
#vdlh-p5-map .leaflet-overlay-pane{z-index:400}
#vdlh-p5-map .leaflet-shadow-pane{z-index:500}
#vdlh-p5-map .leaflet-marker-pane{z-index:600}
#vdlh-p5-map .leaflet-tooltip-pane{z-index:650}
#vdlh-p5-map .leaflet-popup-pane{z-index:700}
#vdlh-p5-map img.leaflet-tile{width:256px!important;height:256px!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;display:block!important}
#vdlh-p5-map .leaflet-tile-container{pointer-events:none}
#vdlh-p5-map .leaflet-zoom-animated{transform-origin:0 0}
#vdlh-p5-map .leaflet-control-container .leaflet-top,
#vdlh-p5-map .leaflet-control-container .leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}
#vdlh-p5-map .leaflet-control-container .leaflet-top{top:0}
#vdlh-p5-map .leaflet-control-container .leaflet-bottom{bottom:0}
#vdlh-p5-map .leaflet-control-container .leaflet-left{left:0}
#vdlh-p5-map .leaflet-control-container .leaflet-right{right:0}
#vdlh-p5-map .leaflet-control-container .leaflet-control{position:relative;z-index:800;pointer-events:auto}
#vdlh-p5-map .leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}
#vdlh-p5-map .leaflet-popup-content-wrapper{background:#fff;color:#142941;border-radius:10px;box-shadow:0 3px 15px #0005;padding:1px}
#vdlh-p5-map .leaflet-popup-content{margin:12px 18px;line-height:1.45;text-align:left}
#vdlh-p5-map .leaflet-popup-tip{width:14px;height:14px;background:#fff;transform:rotate(45deg);margin:-8px auto 0}
#vdlh-p5-map .leaflet-popup-close-button{position:absolute;right:0;top:0;color:#456;text-decoration:none;display:block;padding:4px 8px}
