.car-compare-container{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.car-compare-container .container{margin:0 auto;max-width:1400px;padding:0 1rem}.header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin:0}.back-btn{align-items:center;background:#667eea;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.back-btn:hover{background:#5a67d8;transform:translateY(-1px)}.error,.loading{padding:4rem 2rem;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:var(--radius-circle);border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}.error h2{color:#e53e3e;margin-bottom:1rem}.error button{background:#667eea;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.view-listing-btn{background:#48bb78;border-radius:6px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color var(--transition-base)}.view-listing-btn:hover{background:#38a169}.score-badge{border-radius:6px;font-size:1rem;font-weight:600;padding:.3rem .6rem}.score-excellent{background:#c6f6d5;color:#22543d}.score-good{background:#bee3f8;color:#2a4365}.score-fair{background:#feebc8;color:#c05621}.score-poor{background:#fed7d7;color:#c53030}.comparison-table-container{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;margin-bottom:3rem;overflow:hidden}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th{background:#667eea;color:#fff;font-size:1rem;font-weight:600;padding:1rem;text-align:left}.comparison-table th:first-child{background:#4c51bf;min-width:150px}.comparison-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:top}.comparison-table tr:nth-child(2n){background-color:#f7fafc}.comparison-table tr:hover{background-color:#edf2f7}.metric-label{background:#f7fafc;color:#2d3748;font-weight:600}.metric-value{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:top}.car-header{background:#667eea;font-size:1rem;padding:1rem;text-align:left}.car-header,.car-title h3{color:#fff;font-weight:600}.car-title h3{font-size:1.3rem;margin:0}.value{color:#2d3748;font-weight:500}.score-breakdown-section{margin-bottom:3rem}.score-breakdown-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.score-breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.car-scores{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;padding:1.5rem}.car-scores h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.score-categories{space-y:1rem}.score-item{margin-bottom:1rem}.score-category{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.score-bar{background:#e2e8f0;border-radius:var(--radius-sm);height:8px;margin-bottom:.25rem;overflow:hidden}.score-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.score-value{color:#4a5568;font-size:.9rem;font-weight:600}.comparison-summary{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:1.5rem}.comparison-summary h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.comparison-summary p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.recommendations{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1rem}.recommendations h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.recommendations p{color:#4a5568;line-height:1.6}.comparison-indicator{color:#667eea;font-size:1.1rem;font-weight:700;margin-left:.5rem}.pros-cons-section{margin-bottom:3rem}.pros-cons-section h2{color:#2d3748;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.pros-cons-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.car-pros-cons{background:#fff;border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;padding:1.5rem}.car-pros-cons h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.pros-cons-content{display:flex;flex-direction:column;gap:1rem}.cons,.pros{background:#f7fafc;border-radius:var(--radius-base);padding:1rem}.cons h4,.pros h4{color:#2d3748;font-weight:600;margin-bottom:.5rem}.cons ul,.pros ul{margin:.5rem 0;padding-left:1.5rem}.cons li,.pros li{color:#4a5568;margin-bottom:.25rem}.action-buttons{border-top:2px solid #e2e8f0;gap:1rem;margin-top:3rem;padding-top:2rem}.print-btn{background:#667eea;border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-base)}.print-btn:hover{background:#5a67d8;transform:translateY(-1px)}@media print{.action-buttons,.header button,.view-listing-btn{display:none!important}.car-compare-container{padding:0}.comparison-table-container{border:1px solid #000;box-shadow:none}.car-pros-cons,.car-scores,.comparison-summary{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (max-width:768px){.car-compare-container .container{padding:0 .5rem}.header{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:2rem}.pros-cons-grid,.score-breakdown-grid{grid-template-columns:1fr}.comparison-table-container{overflow-x:auto}.comparison-table{min-width:600px}.action-buttons{align-items:center;flex-direction:column}.print-btn,.view-listing-btn{max-width:300px;width:100%}}@media (max-width:480px){.car-compare-container{padding:1rem 0}.header h1{font-size:1.5rem}.car-pros-cons,.car-scores,.comparison-summary{padding:1rem}.comparison-table td,.comparison-table th{font-size:.9rem;padding:.5rem}}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:var(--radius-circle);border-top:4px solid var(--color-primary);height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-actions{display:flex;gap:var(--spacing-base);justify-content:center;margin-top:var(--spacing-lg)}.metric-label{background-color:var(--color-bg-gray-light);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.metric-label,.metric-value{font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.metric-value{color:var(--color-text-primary);font-weight:var(--font-weight-regular)}.car-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.car-title,.value{color:var(--color-text-primary);font-family:var(--font-primary)}.value{font-weight:var(--font-weight-medium)}.score-breakdown-section{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.car-scores{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.score-categories{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pros-cons-section{background-color:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.car-pros-cons{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pros-cons-content{padding:var(--spacing-base)}.pros-cons-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.pros{background-color:#f0f9ff;border-left:4px solid var(--color-score-excellent);border-radius:var(--radius-base);padding:var(--spacing-base)}.pros h4{color:var(--color-score-excellent);margin-bottom:var(--spacing-sm)}.cons{background-color:#fef2f2;border-left:4px solid var(--color-score-poor);border-radius:var(--radius-base);padding:var(--spacing-base)}.cons h4{color:var(--color-score-poor);margin-bottom:var(--spacing-sm)}.recommendations{background-color:var(--color-primary-lightest);border:1px solid var(--color-primary-light);border-radius:var(--radius-base);margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-base);justify-content:center;margin-top:var(--spacing-xl)}.comparison-table-container{border:1px solid var(--color-border-light);border-radius:var(--radius-base);margin:var(--spacing-lg) 0;overflow-x:auto}