.mount-chart-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 12px;
}
.mount-chart-controls button {
  border: 1px solid #176b5b;
  border-radius: 6px;
  padding: 11px 16px;
  font: inherit;
  font-weight: 650;
  background: white;
  color: #153a30;
  cursor: pointer;
}
.mount-chart-controls button[aria-pressed="true"] {
  background: #153a30;
  color: white;
}
.mount-chart-controls button:focus-visible {
  outline: 3px solid #245d91;
  outline-offset: 3px;
}
.mount-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  font-weight: 600;
}
.mount-chart-legend li { display: flex; align-items: center; gap: 9px; }
.mount-chart-legend span { width: 28px; border-top: 3px solid #176b5b; }
.mount-chart-legend .mount-tuesday { border-top: 3px dashed #996019; }
.mount-chart-legend .mount-thursday { border-top: 3px dashed #245d91; }
.mount-chart-note { padding-left: 16px; border-left: 3px solid #63766e; }
.mount-chart .forecast-chart text { font-size: 16px; }
.mount-readings { width: 100%; max-width: 660px; border-collapse: collapse; margin: 24px 0 12px; }
.mount-readings caption { text-align: left; font-weight: 700; margin-bottom: 12px; }
.mount-readings th, .mount-readings td { padding: 13px 10px; border-bottom: 1px solid #cbd8d2; text-align: left; }
.mount-readings thead { background: #e8f4ee; }
.mount-method { margin-top: 24px; }
.mount-method summary { cursor: pointer; font-weight: 700; padding: 12px 0; }
.mount-app figure { max-width: 310px; justify-self: center; margin: 0; }
.mount-app figcaption { margin-top: 16px; font-size: .92rem; line-height: 1.6; }
@media (max-width: 520px) {
  .mount-chart-controls button { flex: 1; padding: 11px 8px; }
  .mount-readings { font-size: .93rem; }
  .mount-chart-legend { display: grid; }
}

.mount-chart-legend .mount-friday { border-top: 3px dashed #844776; }
.mount-readings-wrap { max-width: 100%; overflow-x: auto; }
.mount-readings { max-width: 780px; }
.mount-readings th, .mount-readings td { padding: 13px 8px; }