.car-compare-container{background-color:#070a11;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 #ffffff12;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header h1{color:#f0f4ff;font-size:2.5rem;font-weight:700;margin:0}.back-btn{align-items:center;background:#e8b84b;border:none;border-radius:var(--radius-base);color:#070a11;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:#f0c85a;transform:translateY(-1px)}.error,.loading{padding:4rem 2rem;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:4px solid #e8b84b26;border-radius:var(--radius-circle);border-top-color:#e8b84b;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error h2{color:#e05252;margin-bottom:1rem}.error button{background:#e8b84b;border:none;border-radius:var(--radius-base);color:#070a11;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.view-listing-btn{background:#22d67a;border-radius:6px;color:#070a11;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:#1ab866}.score-badge{border-radius:6px;font-size:1rem;font-weight:600;padding:.3rem .6rem}.score-excellent{background:#22d67a26;color:#22d67a}.score-good{background:#e8b84b26;color:#e8b84b}.score-fair{background:#f59e0b26;color:#f59e0b}.score-poor{background:#e0525226;color:#e05252}.comparison-table-container{background:#111827;border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;margin-bottom:3rem;overflow:hidden}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th{background:#0d1829;color:#8a93a8;font-size:1rem;font-weight:600;padding:1rem;text-align:left}.comparison-table th:first-child{background:#0a0e1a;min-width:150px}.comparison-table td{border-bottom:1px solid #ffffff0f;color:#f0f4ff;padding:1rem;vertical-align:top}.comparison-table tr:nth-child(2n){background-color:#0d1829}.comparison-table tr:hover{background-color:#1a2035}.metric-label{background:#0d1829;font-weight:600}.metric-value{border-bottom:1px solid #ffffff0f;padding:1rem;vertical-align:top}.car-header{background:#0d1829;color:#8a93a8;font-size:1rem;font-weight:600;padding:1rem;text-align:left}.car-title h3{color:#f0f4ff;font-size:1.3rem;font-weight:600;margin:0}.value{font-weight:500}.score-breakdown-section{margin-bottom:3rem}.score-breakdown-section h2{color:#f0f4ff;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:#111827;border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;padding:1.5rem}.car-scores h3{border-bottom:2px solid #e8b84b;color:#f0f4ff;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:#8a93a8;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.score-bar{background:#ffffff14;border-radius:var(--radius-sm);height:8px;margin-bottom:.25rem;overflow:hidden}.score-fill{background:linear-gradient(90deg,#e8b84b,#f0c85a);height:100%;transition:width .3s ease}.score-value{color:#8a93a8;font-size:.9rem;font-weight:600}.comparison-summary{background:#111827;border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;margin-bottom:2rem;padding:1.5rem}.comparison-summary h2{color:#f0f4ff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.comparison-summary p{color:#8a93a8;line-height:1.6;margin-bottom:1rem}.recommendations{border-top:1px solid #ffffff12;margin-top:1.5rem;padding-top:1rem}.recommendations h3{color:#f0f4ff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.recommendations p{color:#8a93a8;line-height:1.6}.comparison-indicator{color:#e8b84b;font-size:1.1rem;font-weight:700;margin-left:.5rem}.pros-cons-section{margin-bottom:3rem}.pros-cons-section h2{color:#f0f4ff;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:#111827;border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;padding:1.5rem}.car-pros-cons h3{border-bottom:2px solid #e8b84b;color:#f0f4ff;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:#0d1829;border-radius:var(--radius-base);padding:1rem}.cons h4,.pros h4{font-weight:600;margin-bottom:.5rem}.cons ul,.pros ul{margin:.5rem 0;padding-left:1.5rem}.cons li,.pros li{color:#8a93a8;margin-bottom:.25rem}.action-buttons{border-top:2px solid #ffffff12;gap:1rem;margin-top:3rem;padding-top:2rem}.print-btn{background:#e8b84b;border:none;border-radius:var(--radius-base);color:#070a11;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-base)}.print-btn:hover{background:#f0c85a;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 #e8b84b26;border-radius:var(--radius-circle);border-top-color:#e8b84b;height:40px;margin:0 auto;width:40px}.error-actions{display:flex;gap:var(--spacing-base);justify-content:center;margin-top:var(--spacing-lg)}.metric-label{background-color:#0d1829;color:#8a93a8;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:#f0f4ff;font-weight:var(--font-weight-regular)}.car-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.car-title,.value{color:#f0f4ff;font-family:var(--font-primary)}.value{font-weight:var(--font-weight-medium)}.score-breakdown-section{background-color:#111827;border:1px solid #ffffff14;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:#111827;border:1px solid #ffffff14;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:#22d67a0f;border-left:4px solid #22d67a;border-radius:var(--radius-base);padding:var(--spacing-base)}.pros h4{color:#22d67a;margin-bottom:var(--spacing-sm)}.cons{background-color:#e052520f;border-left:4px solid #e05252;border-radius:var(--radius-base);padding:var(--spacing-base)}.cons h4{color:#e05252;margin-bottom:var(--spacing-sm)}.recommendations{background-color:#e8b84b0f;border:1px solid #e8b84b33;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 #ffffff14;border-radius:var(--radius-base);margin:var(--spacing-lg) 0;overflow-x:auto}