.dashboard-risk-map { display: none; }
.mobile-gauge-tiers { display: none; }
.risk-map-mobile-regions { display: none; }
.risk-map-mobile-number { display: none; }
@media (min-width: 0px) {
  body[data-page="dashboard"] .dashboard-risk-map {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 24px;
    color: #b7c7da;
    background: transparent;
  }
  .risk-map-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .risk-map-heading h2 { margin: 0; font: 650 18px/1.4 var(--sans); }
  .risk-map-heading a { color: #93a7bd; font: 500 12px/1.5 var(--sans); text-decoration: none; white-space: nowrap; }
  .risk-map-heading a:hover { color: #d6e0ec; }
  .risk-map-description { margin: 12px 0 0; color: #93a7bd; font: 450 12px/1.65 var(--sans); }
  .risk-map-canvas { display: flex; flex: 1; align-items: center; min-height: 200px; }
  .risk-map-canvas svg { display: block; width: 100%; height: auto; overflow: visible; }
  .risk-map-land { fill: #0a1a23; stroke: #31535d; stroke-width: .8; }
  .risk-map-point { stroke: #101c2a; stroke-width: 4; }
  .risk-map-label { fill: #b7c7da; font: 500 30px var(--sans); paint-order: stroke; stroke: #101c2a; stroke-width: 6; stroke-linejoin: round; }
  .risk-map-location:hover .risk-map-point, .risk-map-location:focus .risk-map-point { stroke: #d6e0ec; }
  .risk-map-location:focus { outline: none; }
  .risk-map-footer { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
  .risk-map-footer a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; color: #93a7bd; font: 500 13px/1.5 var(--sans); text-decoration: none; white-space: nowrap; }
  .risk-map-footer a:hover { color: #e0e7ef; }
  .risk-map-footer a:focus-visible { outline: 2px solid #86a4ca; outline-offset: 2px; border-radius: 4px; }
  .risk-map-footer span { color: #93a7bd; font: 450 11px/1.5 var(--sans); }
  .risk-map-footer small { color: #70849a; font: 450 10px/1.5 var(--sans); }
  .risk-map-empty { margin: 0 0 20px; color: #93a7bd; font: 450 13px/1.6 var(--sans); }
  .risk-map-empty[hidden] { display: none; }
}
@media (min-width: 1181px) {
  body[data-page="dashboard"] .trend-signals-grid > .dashboard-risk-map { min-height: 480px; }
}
@media (min-width: 851px) and (max-width: 1180px) {
  body[data-page="dashboard"] .trend-signals-grid > .dashboard-risk-map { grid-column: 1 / -1; border-top: 1px solid var(--dashboard-line); }
  .risk-map-canvas { max-width: 520px; width: 100%; align-self: center; }
}