/* v15: clearer map-first operational overview. */
.hero-inner{padding-top:25px;padding-bottom:25px;grid-template-columns:1fr;gap:0}
.hero .eyebrow,.hero-card,.hero-stats{display:none}
.hero h1{font-size:clamp(29px,3.5vw,44px);margin:0 0 7px;letter-spacing:-1.6px;line-height:1.05}
.hero h1 br{display:none}
.hero h1 em{display:inline;margin-left:.22em}
.hero-description{max-width:790px;margin:0;font-size:12px;line-height:1.55;color:#b9ced0}
.content{padding-top:27px}
#mapView>.section-header{margin-bottom:14px}
#mapView .section-header h2{font-size:clamp(27px,3.2vw,39px)}
.traffic-thermometer{background:#183b46;color:#f4fbf8;border-radius:17px;padding:17px 20px 13px;margin-bottom:14px;box-shadow:0 12px 32px #163f4720}
.traffic-thermo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.traffic-thermo-kicker{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#a9d0d1}
.traffic-thermo-reading{display:flex;align-items:baseline;gap:15px;margin-top:5px;flex-wrap:wrap}
.traffic-thermo-reading strong{font:800 clamp(20px,2.4vw,29px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.7px}
.traffic-thermo-reading span{font:700 15px 'Space Grotesk',sans-serif;color:#d6e8e7;font-variant-numeric:tabular-nums}
.traffic-thermo-trend{border:1px solid #54727a;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap;color:#c7dcdb}
.traffic-thermo-scale{height:17px;margin-top:16px;border-radius:100px;position:relative;background:linear-gradient(to right,#15b987 0%,#8fcb4c 18%,#e8cb3c 35%,#f39e37 51%,#e95c4c 68%,#b53c79 84%,#782aa7 100%)}
.traffic-thermo-pointer{position:absolute;top:-5px;width:4px;height:27px;border:2px solid white;border-radius:4px;background:#183b46;box-shadow:0 1px 7px #10252c90;transform:translateX(-50%);transition:left .4s ease}
.traffic-thermo-pointer[hidden]{display:none}
.traffic-thermo-ends{display:flex;justify-content:space-between;margin-top:7px;color:#c6dad9;font-size:10px;font-weight:700}
.traffic-thermo-foot{margin:10px 0 0;color:#a9c7cb;font-size:10px;line-height:1.45}
.map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 14px}
.map-summary-card{border:1px solid #dce4df;background:#fffefa;border-radius:15px;padding:15px 16px;min-width:0}
.map-summary-card .summary-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:900;color:#668082}
.map-summary-card strong{display:block;margin:6px 0 2px;font:800 clamp(22px,2.65vw,35px)/1 'Space Grotesk',sans-serif;letter-spacing:-1px}
.map-summary-card small{display:block;color:#819193;font-size:11px;line-height:1.4}
.map-summary-card.positive strong{color:#21836e}.map-summary-card.warning strong{color:#bb7624}.map-summary-card.critical strong{color:#d26042}
.map-layer-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fffefa;border:1px solid #dce4df;border-radius:15px;padding:12px 14px;margin-bottom:13px}
.map-layer-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.map-tool-label{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#6b8284;text-transform:uppercase;margin-right:4px}
.map-layer-toggle{border:1px solid #d8e1dc;border-radius:10px;background:#f5f6f1;color:#556c6e;font-weight:800;font-size:12px;padding:10px 13px;display:flex;gap:8px;align-items:center}
.map-layer-toggle[aria-pressed="true"]{background:#153a45;border-color:#153a45;color:#fff}
.map-layer-toggle:disabled{opacity:.58;cursor:not-allowed}
.map-layer-toggle .layer-dot{height:9px;width:9px;border-radius:50%;background:#2d9480;display:inline-block}
.map-layer-toggle[data-layer="flow"] .layer-dot{background:linear-gradient(90deg,#2ae57b 0 33%,#ffc105 33% 66%,#fb2d09 66%)}
.map-layer-toggle[data-layer="cars"] .layer-dot{background:#4fba9f}
.map-layer-toggle[aria-pressed="false"] .layer-dot{background:#a3adb0}
.map-layer-select{min-width:145px;max-width:240px;border:1px solid #d8e1dc;background:#f5f7f3;border-radius:10px;padding:10px 30px 10px 11px;color:#264954;font-weight:700;font-size:12px}
.map-layer-select:disabled{color:#8d9c9e;cursor:not-allowed}
.map-layer-note{font-size:11px;color:#718688;line-height:1.4;margin:-1px 0 13px;padding-left:2px}
.map-layout{grid-template-columns:minmax(0,1.8fr) minmax(265px,.68fr)}
.map-layout{margin-top:8px}
.map-frame.street-map-ready{min-height:625px}
.map-side{padding:17px}
.map-side h3{font-size:18px}
.map-side p{font-size:11px;margin-bottom:7px}
.map-list-item{margin-top:6px;padding:10px 8px}
.map-key{bottom:25px}
.map-flow-key[hidden]{display:none}
.map-flow-key{border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:9px;margin-bottom:9px}
.map-flow-key .map-key-items{margin-top:5px}
.map-route-status{color:#6e8183;font-size:11px;font-weight:700}
.map-route-callout{background:#eeedf8;color:#4d4a89;padding:9px 12px;border-radius:9px;font-size:11px;margin-top:9px}
#roadsView>.section-header{margin-top:8px}
.bus-trend{margin-top:16px;border-top:1px solid #e5eae5;padding-top:14px}.bus-trend-label{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#6b7d80;font-weight:700}.bus-trend-label strong{font-size:16px;font-family:'Space Grotesk',sans-serif;color:#247f71}.bus-trend.moderate strong{color:#bb782c}.bus-trend.heavy strong{color:#cd6a47}.bus-trend-track{height:10px;background:#e7eeeb;border-radius:100px;position:relative;margin:9px 0 5px;overflow:visible}.bus-trend-fill{display:block;background:#41ae95;height:10px;border-radius:100px}.bus-trend.moderate .bus-trend-fill{background:#d3a04d}.bus-trend.heavy .bus-trend-fill{background:#d87553}.bus-trend-track i{display:block;position:absolute;left:50%;height:18px;top:-4px;border-left:2px solid #2c4b55}.bus-trend-bottom{display:flex;justify-content:space-between;font-size:9px;color:#8a9a9b}
@media(max-width:900px){.map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout{grid-template-columns:1fr}.map-frame.street-map-ready{min-height:530px}}
@media(max-width:650px){.hero-inner{padding-top:19px;padding-bottom:19px}.hero h1{font-size:30px}.traffic-thermometer{padding:14px}.traffic-thermo-heading{align-items:flex-start}.traffic-thermo-trend{font-size:9px;padding:6px 8px}.traffic-thermo-reading{gap:7px}.map-summary{gap:7px}.map-summary-card{padding:11px}.map-summary-card small{font-size:10px}.map-layer-toolbar{padding:10px}.map-layer-group{width:100%}.map-layer-select{flex:1;min-width:0;max-width:none}.map-frame.street-map-ready{min-height:525px}.map-lede-title{max-width:220px}.map-key-note{max-width:290px}}
