.metric {
  display: block;
  width: 100%;
  border: 1px solid #183126;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.metric:hover,
.metric:focus-visible {
  background: #244638;
  box-shadow: 0 8px 20px #1831262e;
  transform: translateY(-1px);
}

.metric:focus-visible {
  outline: 3px solid #dca738;
  outline-offset: 2px;
}

.collapsible-section {
  scroll-margin-top: 92px;
}

.collapsible-section.is-collapsed > :not(.section-heading) {
  display: none;
}

.collapsible-section.is-collapsed > .section-heading {
  margin-bottom: 0;
}

.collapse-toggle {
  flex: 0 0 auto;
}