/* Franchise page only. Everything else comes from style.css. */

/* Comparison table scrolls inside its own wrapper on narrow screens */
.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--space-800);
}
.table-wrap:focus-visible { outline: 2px solid var(--chai); outline-offset: 2px; }
.compare-table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; }
.compare-table th, .compare-table td { padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.compare-table tbody tr:last-child > * { border-bottom: 0; }
.compare-table thead th { font-family: var(--font-head); font-size: var(--fs-400); color: var(--star); }
.compare-table thead th:nth-child(3) { color: var(--chai); }   /* flagship column */
.compare-table tbody th { color: var(--muted); font-weight: 500; white-space: nowrap; }
.compare-table tbody td:nth-child(3) { background: rgba(243, 128, 32, .06); font-weight: 600; }

/* Launch sequence reads at body size */
.launch-steps { gap: 1.5rem; }
.launch-steps li { grid-template-columns: 36px 1fr; font-size: var(--fs-400); }
.launch-steps li::before { width: 36px; height: 36px; font-size: var(--fs-400); }
.launch-steps h3 { font-size: var(--fs-500); color: var(--star); margin-bottom: .25rem; }

.partner-panel { padding: 2rem 1.5rem; }
@media (min-width: 640px) { .partner-panel { padding: 2.5rem 2rem; } }