.yes-no-weights {
  margin-top: 24px;
}

html:not(.theme-dark) .yes-no-weights a {
  color: #00616b;
}

.yes-no-weights-figure {
  margin: 24px 0;
}

.yes-no-weights-figure img {
  display: block;
  width: min(100%, 800px);
  height: auto;
  border-radius: 14px;
}

.yes-no-weights-figure figcaption {
  margin-top: 10px;
  color: var(--kinetic-text-soft);
  font-size: 0.9rem;
}

.yes-no-weights-table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  color: var(--kinetic-text);
  font-size: 0.9rem;
}

.yes-no-weights-table caption {
  margin-bottom: 12px;
  text-align: left;
  font-weight: 700;
}

.yes-no-weights-table th,
.yes-no-weights-table td {
  padding: 12px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--kinetic-text) 18%, transparent);
  text-align: left;
}

.yes-no-weights-table tbody th {
  width: 55%;
  font-weight: 500;
}

@media (width <= 600px) {
  .yes-no-weights-table th,
  .yes-no-weights-table td {
    padding: 10px 5px;
  }

  .yes-no-weights-table {
    font-size: 0.8rem;
  }
}