body.junction-page-v4 .junction-dashboard-v4 {
  align-items: start;
}
body.junction-page-v4 .junction-kpis-v4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.junction-page-v4 .junction-feed-v4 .junction-live-list-v4 {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  gap: 10px;
  max-height: 540px !important;
  overflow-y: auto !important;
  padding: 10px 2px 2px;
}
body.junction-page-v4 .junction-live-list-v4>.junction-event-v4 {
  flex: none;
  height: auto;
  border: 1px solid #d2dfe9;
  border-radius: 8px;
}
body.junction-page-v4 .junction-event-copy>strong {
  font-size: 1.125rem;
  line-height: 1.35;
}
body.junction-page-v4 .junction-event-copy :is(p,.junction-event-reason) {
  font-size: 1rem;
  line-height: 1.5;
}
body.junction-page-v4 .junction-event-copy small,
body.junction-page-v4 .junction-event-meta span,
body.junction-page-v4 .junction-filter-row-v4 :is(span,button) {
  font-size: .875rem;
}
body.junction-page-v4 .junction-feed-tabs-v4 button {
  font-size: 1rem;
}
body.junction-page-v4 .junction-map-v4>.map-event-legend {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0;
  border-top: 1px solid #d2dfe9;
  border-radius: 0;
  box-shadow: none;
}
body.junction-page-v4 .junction-bottom-v4:not(:has(>article:nth-child(3))) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 700px) {
  body.junction-page-v4 .junction-kpis-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.junction-page-v4 .junction-feed-v4 .junction-live-list-v4 {
    max-height: none !important;
    overflow: visible !important;
  }
  body.junction-page-v4 .junction-bottom-v4:not(:has(>article:nth-child(3))) {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Use the road pages' type scale across the junction dashboard. */
body.route-page.junction-page-v4 {
  font-size: 1rem;
  line-height: 1.5;
}
body.route-page.junction-page-v4 .junction-subtitle-v4 {
  font-size: 1rem !important;
}
body.junction-page-v4 :is(.junction-breadcrumb, .junction-near-links,
  .junction-bottom-v4 p, .junction-bottom-v4 a, .junction-map-placeholder-v4 small,
  .junction-map-v4 .map-event-legend, .junction-event-meta b, .approved-notice) {
  font-size: 1rem;
  line-height: 1.45;
}
body.junction-page-v4 :is(.junction-kpis-v4 small, .junction-kpis-v4 span, .junction-feed-tabs-v4 span) {
  font-size: .875rem;
  line-height: 1.4;
}
body.route-page.junction-page-v4 .junction-kpis-v4 strong {
  font-size: 1.5rem !important;
}
body.junction-page-v4 #activate-map {
  font-size: 1rem;
}
body.junction-page-v4 :is(.junction-breadcrumb, .junction-near-links, .junction-filter-row-v4) {
  flex-wrap: wrap;
}
body.junction-page-v4 .junction-bottom-v4 h2 {
  font-size: 1.25rem;
  line-height: 1.3;
}

body.junction-page-v4 .junction-map-heading {
  margin: 0;
  padding: 12px 16px;
  color: #17344e;
  font-size: 1.125rem;
  line-height: 1.35;
}

body.junction-page-v4 .junction-bottom-v4 :is(.connecting-road-v4, .nearby-junction-v4) span {
  font-size: 1rem;
}
body.junction-page-v4 .junction-bottom-v4 a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 4px 10px;
  border: 1px solid #b9cee2;
  border-radius: 6px;
  background: #eaf3fc;
  color: #15588f;
  font-weight: 700;
  text-decoration: none;
}
body.junction-page-v4 .junction-bottom-v4 a:is(:hover, :focus-visible) {
  background: #dcecfb;
}