.main-content{max-width:none;padding:0 var(--space-3) var(--space-3)}@media (width<=640px){.main-content{padding:0 var(--space-2) var(--space-2)}}.compare-container{max-width:none;padding:0}.compare-graphs{gap:var(--space-5);grid-template-columns:1fr;display:grid}.cc-chart-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.cc-chart-title{color:var(--color-text-primary);margin:0 0 var(--space-1) 0;font-size:1rem;font-weight:600}.cc-chart-subtitle{color:var(--color-text-muted);margin:0 0 var(--space-3) 0;font-size:.78rem}.cc-chart-wrap{height:440px;position:relative}.cc-chart-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.cc-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;display:inline-flex;overflow:hidden}.cc-toggle-btn{padding:var(--space-1) var(--space-3);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.cc-toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.cc-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.cc-toggle-btn.active{background:var(--color-action);color:var(--color-action-content)}