.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:768px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border-divider);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.comparison-card:hover{border-color:var(--primary-300);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.comparison-card .vs-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.comparison-card .vs-term{padding:.3rem .65rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2}.comparison-card .vs-term--a{background:var(--primary-100);color:var(--primary-700)}.comparison-card .vs-term--b{background:var(--cyan-100);color:var(--cyan-700)}.comparison-card .vs-divider{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.comparison-card .card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug)}.comparison-card .card-desc{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comparison-card .card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-xs)}.comparison-card .card-verdict{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.comparison-card .card-arrow{display:inline-flex;align-items:center;color:var(--primary-600);transition:transform var(--transition-fast)}.comparison-card:hover .card-arrow{transform:translate(4px)}.versus-duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:var(--spacing-sm)}@media(max-width:640px){.versus-duel{grid-template-columns:1fr}}.versus-side{display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-divider);background:var(--surface);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.versus-side--a{border-top:3px solid var(--primary-600)}.versus-side--b{border-top:3px solid var(--cyan-600)}a.versus-side:hover{border-color:var(--primary-300);box-shadow:0 4px 16px #0000000f}.versus-side .versus-label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.versus-side .versus-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug)}.versus-vs{display:flex;align-items:center;justify-content:center;align-self:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--gray-900);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.versus-vs{justify-self:center}}.comparison-table-wrapper{overflow-x:auto;border:1px solid var(--border-divider);border-radius:var(--radius-lg);background:var(--surface)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:640px}.comparison-table th,.comparison-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-divider);vertical-align:top;line-height:var(--line-height-relaxed)}.comparison-table thead th{background:var(--surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:2px solid var(--border-default)}.comparison-table thead th.term-a{color:var(--primary-700);border-bottom-color:var(--primary-600)}.comparison-table thead th.term-b{color:var(--cyan-700);border-bottom-color:var(--cyan-600)}.comparison-table .aspect{font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.comparison-table td:not(.aspect){color:var(--text-secondary)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--surface-hover)}.verdict-box{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--primary-50);border:1px solid var(--primary-200);border-left:4px solid var(--primary-600);border-radius:var(--radius-lg)}.verdict-box .verdict-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--primary-700)}.verdict-box .verdict-recommendation{display:inline-flex;align-self:flex-start;padding:.3rem .75rem;border-radius:var(--radius-full);background:var(--primary-600);color:var(--white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.verdict-box .verdict-text{margin:0;color:var(--text-primary);line-height:var(--line-height-relaxed)}.faqs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.faq-item{background:var(--surface);border:1px solid var(--border-divider);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.faq-item:hover{border-color:var(--primary-300)}.faq-item summary{font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:var(--spacing-xs)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";color:var(--primary-600);font-weight:var(--font-weight-bold);flex-shrink:0}.faq-item[open] summary:before{content:"−"}.faq-item p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.section-title{margin-bottom:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xl)}