/* Keep the numeric elapsed value indivisible; the label intentionally sits below it. */
.d1-home .first-latest-note a,
.d1-site .ko-latest-note a {
  grid-template-columns: minmax(0, 1fr) minmax(130px, max-content) !important;
}

.d1-home .first-latest-note .latest-elapsed,
.d1-site .ko-latest-note .latest-elapsed {
  display: block !important;
  inline-size: auto !important;
  min-inline-size: 130px !important;
  text-align: right;
  white-space: nowrap !important;
}

.d1-home .first-latest-note .latest-value,
.d1-site .ko-latest-note .latest-value {
  display: block;
  white-space: nowrap;
}

.d1-home .first-latest-note .latest-elapsed em,
.d1-site .ko-latest-note .latest-elapsed em {
  display: block !important;
  margin: 6px 0 0 !important;
}

@media (max-width: 700px) {
  .d1-home .first-latest-note a,
  .d1-site .ko-latest-note a {
    grid-template-columns: minmax(0, 1fr) minmax(118px, max-content) !important;
  }

  .d1-home .first-latest-note .latest-elapsed,
  .d1-site .ko-latest-note .latest-elapsed {
    min-inline-size: 118px !important;
  }
}