/* ---------- Meteor shower cards ---------- */
.card.card-highlight{
  grid-column: 1 / -1;
  --card-accent: var(--gold);
  padding:22px 24px;
}
.card.card-highlight .card-label{ color:var(--gold-text); font-size:12px; }
.card.card-highlight .card-value{ font-size:30px; }
.card.card-highlight .card-sub{ font-size:14px; }

.moon-chart-box{
  position:relative;
  background:var(--bg-panel); border:1px solid var(--line-soft); border-radius:var(--radius);
  padding:18px; margin-top:18px;
}
/* The meteor MAP's own controls (Night/Twilight/2D/3D) sit immediately under the meteor-rate
   chart's box on this tab -- the only place on the site where a chart's box is directly followed by
   a map's control row, so they read as belonging to the chart above rather than the map below.
   The margin goes on the chart's own fullscreen target rather than the map's controls because in
   fullscreen that target IS the fullscreen element (sized to the screen by the UA), so the margin
   is ignored there instead of pushing a floating control panel out of place. */
#meteorChartFullscreenTarget{ margin-bottom:22px; }