.commercial-benchmark {
  display: grid;
  gap: 9px;
  padding: 12px;
  border-top: 1px solid var(--border);
  background: linear-gradient(145deg, rgba(215, 122, 36, .08), rgba(157, 161, 159, .04));
}

.commercial-benchmark-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

.commercial-benchmark-heading > div {
  display: grid;
  gap: 2px;
}

.commercial-benchmark-heading span,
.commercial-benchmark small {
  color: var(--muted);
  font-size: .72rem;
}

.commercial-grade {
  display: grid;
  place-items: center;
  min-width: 46px;
  min-height: 46px;
  border: 1px solid var(--copper-bright);
  border-radius: 12px;
  color: var(--copper-bright);
  background: var(--copper-wash);
  font-size: 1.05rem;
}

.commercial-score-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}

.commercial-score-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--copper), var(--copper-bright));
}

.commercial-benchmark p {
  margin: 0;
  color: #d8d2c8;
  font-size: .76rem;
  line-height: 1.45;
}