/* Melbourne Freeway Network Graphs v1.7.1 */
.network-chart-section { margin-top: 2rem; }
.network-chart-intro { max-width: 78rem; }
.network-chart-status-wrap { text-align: right; }
.network-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.network-chart-card {
  min-width: 0;
  border: 1px solid rgba(127,127,127,.25);
  border-radius: 14px;
  padding: 1rem;
  background: rgba(127,127,127,.035);
}
.network-chart-card h3 { margin: 0 0 .25rem; }
.network-chart-card .muted { margin-bottom: .7rem; }
.network-chart-canvas-wrap {
  position: relative;
  min-height: 310px;
  height: 36vw;
  max-height: 430px;
}
.network-chart-canvas-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}
.network-chart-note {
  margin-top: .75rem;
  font-size: .86rem;
  line-height: 1.45;
}
.network-chart-error {
  padding: .9rem 1rem;
  border: 1px solid rgba(180,80,80,.45);
  border-radius: 10px;
  margin: .8rem 0;
}
@media (max-width: 900px) {
  .network-chart-grid { grid-template-columns: 1fr; }
  .network-chart-status-wrap { text-align: left; }
  .network-chart-canvas-wrap { height: 390px; max-height: 390px; }
}
@media (max-width: 520px) {
  .network-chart-canvas-wrap { height: 330px; }
  .network-chart-card { padding: .75rem; }
}