.spec__table { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.spec__row { border-bottom: 1px solid var(--line); }
.spec__row:last-child { border-bottom: 0; }
.spec__row:nth-child(odd) { background: var(--mist); }

.spec__label {
  text-align: left;
  font-weight: 500;
  color: var(--ink-soft);
  padding: var(--s-3) var(--s-4);
  width: 42%;
  vertical-align: top;
  position: relative;
}
/* Dotted leader, the detail that makes it read as a printed certificate. */
.spec__label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0.85em;
  width: 40%;
  border-bottom: 1px dotted var(--line-firm);
}
.spec__value { padding: var(--s-3) var(--s-4); color: var(--ink); word-break: break-word; }

@media (max-width: 620px) {
  .spec__label, .spec__value { display: block; width: 100%; }
  .spec__label { padding-bottom: 0; font-size: var(--step--1); }
  .spec__label::after { display: none; }
  .spec__value { padding-top: var(--s-1); }
}
