.wc-spec-frontend {
    margin-top: 24px;
    border-radius: 14px;
}

.wc-spec-title {
  margin: 0 0 12px;
  font-size: 1.1em;
  line-height: 1.2;
  letter-spacing: .2px;
}

.wc-spec-table-frontend {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
}

.wc-spec-table-frontend tr + tr td {
  border-top: 1px solid rgba(0,0,0,.06);
}

.wc-spec-table-frontend td {
  padding: 12px 14px;
  vertical-align: middle;
  font-size: 0.98em;
}

.wc-spec-table-frontend tbody tr:nth-child(even) td {
  background: rgba(0,0,0,.018);
}

.wc-spec-k {
  width: 48%;
  opacity: .86;
  font-weight: 500;
}

.wc-spec-v {
  width: 52%;
  font-weight: 600;
}

.wc-spec-headrow td {
  font-weight: 700;
  background: rgba(0,0,0,.04);
  border-top: none !important;
}

@media (max-width: 640px) {
  .wc-spec-frontend { padding: 14px; }
  .wc-spec-table-frontend td { padding: 10px 12px; }
  .wc-spec-k, .wc-spec-v { width: auto; display: block; }
  .wc-spec-table-frontend tr { display: block; }
  .wc-spec-table-frontend td { display: block; }
  .wc-spec-table-frontend td + td { border-top: 1px dashed rgba(0,0,0,.08); }
}