/* The comparison guide. The table is the site's policy data table (.dtable),
   which already turns each row into a labelled card on a phone; this only
   adds what a comparison needs on top. */

.vs-rank { padding-left: 1.4rem; }
.vs-rank li { margin: .35rem 0; }

/* Bottle's column reads as the one being argued for, without shouting. */
.vs-table td:nth-of-type(1) { color: var(--ink); font-weight: 600; }
@media (min-width: 761px) {
  .vs-table thead th:nth-child(2), .vs-table td:nth-of-type(1) { background: var(--flame-soft); }
  .vs-table tbody th { width: 24%; }
  .vs-table th, .vs-table td { font-size: .88rem; }
}

.vs-note { font-size: .86rem; color: var(--muted); margin-top: -.75rem; }

/* Narrow cells break words badly when the article's hyphenation reaches them. */
.vs-table th, .vs-table td { hyphens: manual; overflow-wrap: break-word; }