@layer components{.peer-compare{padding:var(--spacing-4) var(--spacing-5)}.peer-compare--skeleton{min-height:60vh}.peer-compare__skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-sunken) 25%, var(--border-subtle) 50%, var(--surface-sunken) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.peer-compare__skeleton-title{width:min(360px,58%);height:28px}.peer-compare__skeleton-header-meta{width:160px;height:14px}.peer-compare__skeleton-pay{gap:var(--spacing-4);min-height:280px;padding:var(--spacing-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.peer-compare__skeleton-section-title{width:180px;height:18px}.peer-compare__skeleton-chart{border-radius:var(--radius-md);flex:1;width:100%;min-height:210px}.peer-compare__skeleton-timeline{padding:var(--pad-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(48px,72px) minmax(0,1fr);align-items:stretch;display:grid}.peer-compare__skeleton-rail{position:relative}.peer-compare__skeleton-rail:before{content:"";top:var(--spacing-4);bottom:var(--spacing-4);border-radius:var(--radius-full);background:var(--border-subtle);width:4px;position:absolute;left:50%;transform:translate(-50%)}.peer-compare__skeleton-roles{gap:var(--spacing-4);flex-direction:column;display:flex}.peer-compare__skeleton-role{gap:var(--spacing-3);min-height:150px;padding:var(--spacing-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.peer-compare__skeleton-role-title{width:44%;height:20px}.peer-compare__skeleton-role-meta{width:28%;height:14px}.peer-compare__skeleton-role-line{width:92%;height:13px}.peer-compare__skeleton-role-line--short{width:68%}.peer-compare__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.peer-compare__header-actions{align-items:center;gap:var(--spacing-3);display:flex}.peer-compare__profile-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--pad-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--spacing-4);display:flex}.peer-compare__profile-main{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.peer-compare__profile-meta-row{align-items:center;min-width:0;display:flex}.peer-compare__profile-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.3}.peer-compare__profile-employer{font-size:var(--font-size-sm);color:var(--text-secondary)}.peer-compare__profile-location{font-size:var(--font-size-sm);color:var(--text-muted)}.peer-compare__profile-location:before{content:"·";margin-right:var(--spacing-2);color:var(--text-muted)}.peer-compare__profile-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.peer-compare__profile-helpful{align-items:center;display:flex}.peer-compare__profile-save{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.peer-compare__profile-save:hover{color:var(--text-primary)}.peer-compare__profile-save.is-active{color:var(--brand-gold)}.peer-compare__profile-save:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.peer-compare__opt-out{appearance:none;border:1px solid color-mix(in srgb, var(--color-error) 40%, transparent);border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-error);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0}.peer-compare__opt-out:hover{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:var(--color-error)}.peer-compare__opt-out:disabled{opacity:.5;cursor:not-allowed}.peer-compare__timeline{min-width:0}.peer-compare__timeline-header{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.peer-compare__timeline-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.peer-compare__pay-row{gap:var(--spacing-4);margin-top:var(--spacing-4);flex-direction:column;display:flex}.peer-compare__pay-row .insight-card:hover{transform:none}@media (max-width:768px){.peer-compare{padding:var(--spacing-2) 0;--edit-icon-width:0px}.peer-compare__profile-header{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.peer-compare__profile-title{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.peer-compare__profile-employer,.peer-compare__profile-location{font-size:var(--font-size-xs)}.peer-compare .insight-card{padding:var(--spacing-3)}}.peer-compare__demo-banner{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.peer-compare__demo-banner--bottom{margin-bottom:0;margin-top:var(--spacing-3)}@media (max-width:768px){.peer-compare__demo-banner{display:none}}.peer-compare__demo-banner-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-normal);flex:1;min-width:0;margin:0}.peer-compare__demo-banner-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}}