/* Opt-in only: the ten R01/R02 articles load this file. */
#shop.source-box .candidate-card__action,
#shop.source-box .candidate-card__action:visited,
#shop.source-box .candidate-card__action:hover,
#shop.source-box .candidate-card__action:focus-visible {
  color: #fff;
}

/* Short specification labels, named shops, and prose labels need different space. */
.comparison-table[data-ui-table] {
  container-type: inline-size;
  --data-columns: 2;
  --label-width: 88px;
}
.comparison-table[data-ui-table="sancity"] { --label-width: 108px; }
.comparison-table[data-ui-table="lens-ranges"],
.comparison-table[data-ui-table="lens-shops"] {
  --label-width: 112px;
  --data-columns: 3;
}
.comparison-table[data-ui-table="scent-scenes"] { --label-width: 120px; }
.comparison-table[data-ui-table="scent-services"] { --label-width: 116px; }
.comparison-table[data-ui-table="irons"] {
  --label-width: 124px;
  --data-columns: 4;
}
.comparison-table[data-ui-table] table {
  /* Each body column can be read in the window next to the sticky label. */
  min-width: calc(var(--label-width) + var(--data-columns) * min(240px, calc(100cqi - var(--label-width))));
}
.comparison-table[data-ui-table] th:first-child,
.comparison-table[data-ui-table] td:first-child {
  width: var(--label-width);
  padding-inline: 10px;
}