#station-profile-panel[hidden] { display: none; }
.station-profile-links, #station-profile-panel { max-width: 1000px; margin: 2rem auto; }
.station-profile { border-top: 3px solid #126a78; padding-top: 1rem; }
.station-profile h3 { font-size: 1.5rem; }
.station-profile h4 { margin-top: 1.5rem; font-size: 1.2rem; }
.station-profile-facts { display: grid; grid-template-columns: minmax(6rem, 9rem) minmax(0, 1fr); gap: .35rem 1rem; }
.station-profile-facts dt, .station-profile-facts dd { margin: 0; overflow-wrap: anywhere; }
.station-profile figure { margin: 1rem 0; }
#station-interactive-chart { scroll-margin-top: 6rem; }
.station-profile-plot { width: 100%; height: 400px; min-width: 0; }
.station-chart [hidden] { display: none; }
.station-chart-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: .5rem 0; }
.station-chart-status { font-size: .9rem; }
#station-example-table { scroll-margin-top: 6rem; }
.station-profile figcaption, .station-profile caption { font-size: .9rem; color: #425466; }
.station-profile-table { max-width: 100%; overflow-x: auto; margin: 1rem 0; }
.station-profile table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.station-profile caption { caption-side: top; text-align: left; padding: .5rem 0; }
.station-profile th, .station-profile td { padding: .6rem; border-bottom: 1px solid #ccd6dd; vertical-align: top; }
.station-profile th { text-align: left; }
.station-profile p, .station-profile li, .station-profile a { overflow-wrap: anywhere; }
.station-profile details { padding: 1rem; background: #f3f7f8; border-radius: .35rem; }
.station-profile summary { cursor: pointer; font-weight: 600; }
@media (max-width: 480px) {
  .station-profile-facts { grid-template-columns: 1fr; gap: .15rem; }
  .station-profile-facts dd { margin-bottom: .65rem; }
  .station-profile table { font-size: .85rem; }
  .station-profile th, .station-profile td { padding: .4rem; }
}