/* compare.css — Family C: compare hub and compare/[slug] pages */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@700;800;900&family=DM+Sans:wght@400;500;600&display=swap');

/* Font utilities used in compare pages */
.vs-sy { font-family: 'Outfit', sans-serif; }
.vs-mn { font-family: 'DM Sans', sans-serif; }

/* Main comparison table */
.vs-table { width: 100%; border-collapse: collapse; font-family: 'DM Sans', sans-serif; }
.vs-table th,
.vs-table td { padding: .65rem .9rem; border-bottom: 1px solid #E2E8F7; font-size: .875rem; }
.vs-table thead th { background: #F0F0EB; font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.vs-table tr:nth-child(even) td { background: #F0F0EB; }
.vs-table tr:last-child td { border-bottom: none; }

/* Card grid on compare hub */
.vs-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

/* Breadcrumb */
.vs-breadcrumb { display: flex; align-items: center; gap: .5rem; font-size: .8rem; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; }

@media (max-width: 900px) { .vs-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .vs-cards { grid-template-columns: 1fr; } }