/* =========================================================
   Voctos — GEO: How AI Promotion Differs from SEO (table)
   ========================================================= */
.voctos-geo-differs { font-family: 'Unbounded', sans-serif; }
.voctos-geo-differs .differs-inner { max-width: 1300px; margin: 0 auto; padding: 0 0 40px; }
@media (min-width: 1024px) { .voctos-geo-differs .differs-inner { padding: 0 0 56px; } }

.voctos-geo-differs .differs-heading { font-size: 24px; font-weight: 400; line-height: 2rem; color: #0d172d; margin: 0 0 12px; }
@media (min-width: 1024px) { .voctos-geo-differs .differs-heading { font-size: 38px; margin: 0 0 16px; } }
.voctos-geo-differs .differs-intro { font-size: 14px; font-weight: 400; line-height: 1.625; color: #0d172d; margin: 0 0 28px; }
@media (min-width: 1024px) { .voctos-geo-differs .differs-intro { font-size: 16px; margin: 0 0 36px; } }

/* table: container bg + 1px gaps draw the grid lines */
.voctos-geo-differs .differs-table { overflow: hidden; border-radius: 20px; border: 1px solid #CBCFDF; background: #CBCFDF; }
@media (min-width: 1024px) { .voctos-geo-differs .differs-table { border-radius: 30px; } }

.voctos-geo-differs .differs-row { display: grid; grid-template-columns: 149px minmax(0, 1fr); gap: 1px; }
@media (min-width: 1024px) { .voctos-geo-differs .differs-row { grid-template-columns: 380px minmax(0, 1fr); } }
.voctos-geo-differs .differs-row + .differs-row { margin-top: 1px; }

.voctos-geo-differs .differs-cell {
  display: flex; align-items: center; padding: 15px;
  color: #0d172d; font-size: 14px; font-weight: 400; line-height: 1.375;  /* text-sm leading-snug */
}
.voctos-geo-differs .differs-seo { background: #fff; }
.voctos-geo-differs .differs-ai  { background: rgba(242, 228, 255, 1); }
@media (min-width: 1024px) {
  .voctos-geo-differs .differs-seo { padding: 20px 30px 20px 40px; font-size: 15px; }  /* py-5 pl-10 pr-30 */
  .voctos-geo-differs .differs-ai  { padding: 20px 30px; font-size: 15px; }            /* py-5 px-30 */
}

/* header row */
.voctos-geo-differs .differs-row--head .differs-cell { font-size: 15px; font-weight: 500; line-height: 1.5; }
.voctos-geo-differs .differs-row--head .differs-seo { background: #EFF0F4; }
.voctos-geo-differs .differs-row--head .differs-ai  { background: rgba(229, 216, 246, 1); }
@media (min-width: 1024px) {
  .voctos-geo-differs .differs-row--head .differs-cell { font-size: 22px; } /* fs-7 */
}