/* D02LG1 only: reuse the existing public shell and table typography. */
.vs-current .lp-table th:first-child { width: 20%; }
.vs-current .lp-table small { display: block; margin-top: .4rem; color: #586477; font-size: .75rem; }
.vs-current .lp-table thead th:last-child { background: #e9f3ee; }
.vs-current .lp-table td:last-child { background: #f6faf7; }
.vs-current .lp-actions { align-items: center; margin: 1.2rem 0; }
.vs-current nav { margin-top: 2rem; }
@media (max-width: 600px) {
  /* Keep column headings in the accessibility tree when rows become cards. */
  .vs-current .lp-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .vs-current .lp-table tr { display: block; margin-bottom: 1rem; border: 1px solid #d8dfe7; border-radius: 8px; }
  .vs-current .lp-table th:first-child, .vs-current .lp-table td { display: block; width: auto; padding: .8rem; }
  .vs-current .lp-table td::before { display: block; font-weight: 700; margin-bottom: .3rem; }
  .vs-current[data-vs-slug="apollo"] td:nth-child(2)::before { content: "Apollo"; }
  .vs-current[data-vs-slug="clay"] td:nth-child(2)::before { content: "Clay"; }
  .vs-current[data-vs-slug="explee"] td:nth-child(2)::before { content: "Explee"; }
  .vs-current[data-vs-slug="lusha"] td:nth-child(2)::before { content: "Lusha"; }
  .vs-current .lp-table td:last-child::before { content: "LeadHunt today"; }
}
/* N07LG2: reasons to switch and dated sources footnote. */
.vs-current .vs-reasons ol { padding-left: 1.2rem; }
.vs-current .vs-reasons li { margin: .5rem 0; }
.vs-current .vs-sources { margin-top: 2rem; font-size: .85rem; color: #3d4757; }
.vs-current .vs-sources li { margin: .3rem 0; overflow-wrap: anywhere; }