/* Keep the map first on initial view while making repeated analysis quicker. */
.heading { padding:26px 0 22px; }
.heading h1 { margin-bottom:16px; }
#global h2 { gap:9px; }
#global h2 span { margin-left:auto; }
#global h2 .overview-toggle { margin-left:12px; padding:4px 0; color:#3287c8; font-size:12px; white-space:nowrap; }
#global h2 .overview-toggle i { margin-left:4px; font-size:11px; }
#global h2 .overview-toggle:hover { text-decoration:underline; }
#global .overview { padding:15px 24px 17px; }
#global .map svg { max-height:285px; }
#global .map .muted { margin:7px 0 0; }
#global .coverage-total { margin-top:12px; }
.overview-summary { display:flex; align-items:center; flex-wrap:wrap; gap:12px 38px; min-height:82px; padding:17px 24px; animation:summary-in .16s ease-out; }
.overview-summary span { display:flex; flex-direction:column; min-width:125px; }
.overview-summary small { color:#98a2aa; font-size:11px; }
.overview-summary strong { color:#3c6685; font-size:16px; font-weight:500; }
.overview-summary em { margin-left:auto; color:#a1aab1; font-size:11px; font-style:normal; }
@keyframes summary-in { from {opacity:.4;transform:translateY(-3px)} to {opacity:1;transform:translateY(0)} }
@media(max-width:700px){
  #global h2 span { display:none; }
  #global h2 .overview-toggle { margin-left:auto; }
  #global .overview { padding:12px 15px; }
  .overview-summary { gap:12px 20px; padding:14px 15px; }
  .overview-summary em { flex-basis:100%; margin-left:0; }
}
@media(prefers-reduced-motion:reduce){.overview-summary{animation:none}}