/* Homepage reading density. Imported after mobile-reading.css. */
.instrument .instrument-copy h1 {
  font-size: clamp(2.5rem, 3.3vw, 2.8rem);
  line-height: 1.08;
}

.instrument {
  margin-bottom: 42px;
}

.instrument .instrument-copy {
  padding-top: 50px;
  padding-bottom: 38px;
}

.instrument .wave-panel {
  min-height: 315px;
}

.instrument + .home-grid {
  gap: 42px;
}

@media (max-width: 767px) {
  .instrument {
    margin-bottom: 30px;
  }

  .instrument .instrument-copy {
    padding-top: 30px;
    padding-bottom: 24px;
  }

  .instrument .instrument-copy h1 {
    font-size: clamp(1.625rem, 7.1vw, 1.875rem);
    line-height: 1.18;
    margin-bottom: 12px;
  }

  .instrument .instrument-copy .lede {
    margin-bottom: 18px;
  }

  .instrument .wave-panel {
    min-height: 205px;
  }

  .instrument .wave-panel svg {
    max-height: 205px;
  }

  .instrument + .home-grid {
    gap: 26px;
  }

  .instrument + .home-grid .topic-list a {
    padding-block: 12px;
  }

  .instrument + .home-grid .recent-panel {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .instrument + .home-grid { display: flex; flex-direction: column; gap: 24px; }
  .instrument + .home-grid .recent-panel { order: -1; }
}