/* The plan comparison (spec 72 D-72-20). It sits on the homepage (V6 tokens) and on
   Plan & billing (--kk-* tokens), so each value resolves from whichever set the page
   has, --kk-* first. Built at 375px: the feature column wraps, the plan columns stay
   narrow. */
.plan-compare {
  --pc-ink: var(--kk-ink, var(--ink));
  --pc-soft: var(--kk-text-soft, var(--stone));
  --pc-line: var(--kk-line, var(--hair));
  --pc-gap: var(--kk-s-2, 8px);
  --pc-pad: var(--kk-s-3, 12px);
  width: 100%;
  border-collapse: collapse;
  color: var(--pc-ink);
  font-size: var(--kk-fs-body, 14px);
  line-height: 1.4;
}
.plan-compare-cap { text-align: left; font-weight: 600; padding-bottom: var(--pc-gap); }
.plan-compare th, .plan-compare td { padding: var(--pc-pad) 0; border-top: 1px solid var(--pc-line); vertical-align: top; }
.plan-compare thead th { border-top: 0; padding-top: 0; font-weight: 600; font-size: var(--kk-fs-meta, 13px); }
.plan-compare thead th:not(:first-child), .plan-compare td { width: 4.5em; text-align: center; }
.plan-compare tbody th { text-align: left; font-weight: 400; padding-right: var(--pc-pad); }
.plan-compare-name { display: block; font-weight: 600; }
.plan-compare-sum { display: block; color: var(--pc-soft); font-size: var(--kk-fs-meta, 13px); }
.plan-compare td.is-off { color: var(--pc-soft); }
.plan-compare-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }