.bound-list {
  display: grid;
  align-content: center;
  gap: 9px;
}

.bound-list > p {
  margin: 0 0 2px;
  color: var(--muted);
  font-size: 12px;
}

.bound-row {
  display: grid;
  grid-template-columns: minmax(38px, 1fr) auto minmax(38px, 1fr);
  align-items: baseline;
  min-height: 45px;
  padding: 5px 0;
  border-top: 1px solid var(--line);
}

.bound-row > span {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .12em;
}

.result .bound-row > strong {
  justify-self: center;
  text-align: center;
  color: var(--accent);
  font: 650 38px/1 PortalKai, serif;
}

.result .bound-row > strong.unbounded {
  color: var(--muted);
  font: 650 17px/1.2 PortalText, sans-serif;
}

.bound-row > small {
  justify-self: end;
  color: var(--muted);
  font-size: 11px;
}

.bound-row > small[hidden] {
  display: none;
}

@media (max-width: 580px) {
  .bound-row {
    grid-template-columns: minmax(42px, 1fr) auto minmax(42px, 1fr);
  }
}