.compare-page{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.compare-hero{margin-bottom:var(--spacing-2xl)}.compare-hero h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-sm)}.compare-updated{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.compare-quick-numbers{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);align-items:center}.compare-quick-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border-top:3px solid var(--color-border)}.compare-quick-card--city1{border-top-color:var(--color-primary)}.compare-quick-card--city2{border-top-color:var(--color-accent)}.compare-quick-card h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.compare-quick-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.compare-quick-stat{display:flex;flex-direction:column;gap:2px}.compare-quick-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.compare-quick-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.compare-vs-badge{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-secondary);text-align:center}.compare-section{margin-bottom:var(--spacing-2xl)}.compare-section h2{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.compare-section-intro{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.salary-widget{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.salary-widget-input{max-width:300px;margin-bottom:var(--spacing-lg)}.widget-result-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:center}.widget-result-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;border-top:3px solid var(--color-border)}.widget-result-card--city1{border-top-color:var(--color-primary)}.widget-result-card--city2{border-top-color:var(--color-accent)}.widget-result-city{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.widget-result-takehome{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:2px}.widget-result-left{font-size:var(--font-size-lg);font-weight:700;margin-bottom:2px}.widget-result-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.widget-result-diff{text-align:center;display:flex;flex-direction:column;gap:4px}#widget-diff-amount{font-size:var(--font-size-2xl);font-weight:700;color:#16a34a}#widget-diff-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}#widget-diff-city{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.widget-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-md);text-align:center}.compare-table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-md)}.compare-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.compare-table th{text-align:left;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-border);background:var(--color-card-bg)}.compare-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.compare-table-total td{font-weight:700;font-size:var(--font-size-lg);border-top:2px solid var(--color-border);border-bottom:none;background:var(--color-card-bg)}.diff-positive{color:#16a34a;font-weight:500}.diff-negative{color:#dc2626;font-weight:500}.diff-neutral{color:var(--color-text-secondary)}.compare-buying-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.compare-buying-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.compare-buying-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.compare-buying-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.compare-buying-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.compare-buying-row:last-child{border-bottom:none}.compare-buying-row--total{font-weight:700;font-size:var(--font-size-lg);border-top:2px solid var(--color-border);padding-top:var(--spacing-sm)}.compare-tool-link{display:inline-block;color:var(--color-accent);font-weight:600;font-size:var(--font-size-base);text-decoration:none;margin-top:var(--spacing-md)}.compare-tool-link:hover{text-decoration:underline}.compare-salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.compare-salary-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center}.compare-salary-city{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.compare-salary-median{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:4px}.compare-salary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.compare-cta-section{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);text-align:center}.compare-cta-section h2{font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-md);border-bottom:none;padding-bottom:0}.compare-cta-section p{font-size:var(--font-size-base);color:#ffffffd9;margin-bottom:var(--spacing-lg);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.compare-cta-btn{display:inline-block;background:#fff;color:var(--color-primary);font-size:var(--font-size-base);font-weight:700;padding:14px var(--spacing-xl);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition)}.compare-cta-btn:hover{background:var(--color-card-bg);transform:translateY(-1px)}@media (max-width: 767px){.compare-quick-numbers{grid-template-columns:1fr}.compare-vs-badge{text-align:center;padding:var(--spacing-sm) 0}.widget-result-grid{grid-template-columns:1fr}.widget-result-diff{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.compare-buying-grid,.compare-salary-grid{grid-template-columns:1fr}.compare-hero h1{font-size:var(--font-size-xl)}}