@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-muted) 25%, var(--border-subtle) 50%, var(--surface-muted) 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-stat{width:96px;height:22px}.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-top:var(--spacing-4);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%}.profile-workspace.profile-workspace--peer{grid-template-columns:minmax(48px,72px) minmax(0,1fr);align-items:start;column-gap:0;width:100%;min-width:0;display:grid}.profile-workspace.profile-workspace--peer .profile-workspace__motif-rail{min-width:0;margin-right:calc(-1 * var(--spacing-2));justify-content:center;align-self:stretch;align-items:flex-start;display:flex;overflow:visible}.profile-workspace.profile-workspace--peer .profile-workspace__main{z-index:1;background:0 0;min-width:0;position:relative}.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{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);background:var(--chrome-surface);flex-direction:column;gap:0;display:flex}[data-theme=dark] .peer-compare__profile-header{background:#2a3840}.peer-compare__profile-row{justify-content:space-between;align-items:baseline;gap:var(--spacing-4);width:100%;display:flex}.peer-compare__profile-row--secondary{margin-top:var(--spacing-2);align-items:center}.peer-compare__profile-row-left{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.peer-compare__profile-row-right{align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.peer-compare__profile-title{font-size:1.35rem;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);margin:0;line-height:1.3}.peer-compare__profile-comp{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-on-accent);white-space:nowrap}.peer-compare__profile-employer{font-size:var(--font-size-sm);color:#ffffffa6}.peer-compare__profile-location{font-size:var(--font-size-sm);color:#fff6}.peer-compare__profile-location:before{content:"·";margin-right:var(--spacing-2);color:#fff3}.peer-compare__profile-meta{font-size:var(--font-size-xs);color:#ffffff73;gap:var(--spacing-2)}.peer-compare__profile-meta span+span:before{content:"·";margin-right:var(--spacing-2);opacity:.4}.peer-compare__profile-helpful{padding-left:var(--spacing-3);border-left:1px solid #ffffff26;align-items:center;display:flex}.peer-compare__profile-helpful .experience-history__profile-helpful-btn{color:#fff9;border-color:#fff3}.peer-compare__profile-helpful .experience-history__profile-helpful-btn:hover{color:#ffffffe6;border-color:#ffffff73}.peer-compare__profile-helpful .experience-history__profile-helpful-btn--active{color:var(--color-helpful);border-color:#e0284f99}.peer-compare__profile-save{border-radius:var(--radius-full);color:#fff9;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:#ffffffe6}.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__back{align-items:center;gap:var(--spacing-1);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);display:inline-flex}.peer-compare__back:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.peer-compare__back:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.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__pay-row{gap:var(--spacing-4);margin-top:var(--spacing-4);--profile-chart-bg:var(--chart-plot-surface);flex-direction:column;display:flex}.peer-compare__timeline{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);min-width:0;padding-left:var(--spacing-2);padding-right:var(--spacing-4);padding-bottom:var(--spacing-4);z-index:1;position:relative;overflow:hidden}:root:not([data-theme=dark]) .peer-compare__timeline,[data-theme=dark] .peer-compare__timeline{background:var(--surface)}.peer-compare__timeline-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-subtle);background:var(--surface);margin-left:calc(-1 * var(--spacing-2));margin-right:calc(-1 * var(--spacing-4));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-top:0;display:flex}.peer-compare__timeline-label{font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.peer-compare__pay-row .insight-card{background:var(--chart-card-surface);border-color:var(--chart-card-border)}@keyframes peer-compare-marker-flash{0%{background-color:#0000;box-shadow:0 0 #b8860b00}20%{background-color:#b8860b1f;box-shadow:0 0 0 3px #b8860b73}to{background-color:#0000;box-shadow:0 0 #b8860b00}}.experience-row.experience-row--marker-flash{border-radius:var(--radius-md);animation:1.5s ease-out peer-compare-marker-flash}.peer-compare__pay-row .insight-card:hover{transform:none}.peer-compare__pay-row .peer-trajectory__subtitle,.peer-compare__pay-row .peer-trajectory__normalised-hint{color:var(--text-muted)}:root:not([data-theme=dark]) .peer-compare__pay-row .insight-renderer__statement{color:var(--text-primary)}@media (max-width:768px){.peer-compare{padding:var(--spacing-2) 0;--edit-icon-width:0px}.peer-compare__profile-header{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4)}.peer-compare__profile-row{gap:var(--spacing-2);flex-wrap:nowrap;align-items:center}.peer-compare__profile-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:1.05rem;line-height:1.25;overflow:hidden}.peer-compare__profile-comp{font-size:.95rem}.peer-compare__profile-helpful{border-left:none;padding-left:0}.peer-compare__profile-employer,.peer-compare__profile-location{font-size:var(--font-size-xs)}.peer-compare__profile-meta{display:none}:root:not([data-theme=dark]) .peer-compare__timeline{background:var(--surface)}.peer-compare__timeline{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.peer-compare__timeline-header{margin-left:calc(-1 * var(--spacing-3));margin-right:calc(-1 * var(--spacing-3))}.peer-compare .insight-card{padding:var(--spacing-3)}.profile-workspace.profile-workspace--peer{gap:var(--spacing-3);grid-template-columns:minmax(0,1fr)}.profile-workspace.profile-workspace--peer .profile-workspace__motif-rail{display:none}}.peer-compare__demo-banner{background:var(--brand-slate);color:var(--text-on-accent);border-radius:var(--radius-md,10px) var(--radius-md,10px) 0 0;flex-wrap:wrap;align-items:center;gap:.875rem;margin-bottom:.75rem;padding:.75rem 1.25rem;display:flex}.peer-compare__demo-banner--bottom{border-radius:0 0 var(--radius-md,10px) var(--radius-md,10px);margin-top:.75rem;margin-bottom:0}@media (max-width:768px){.peer-compare__demo-banner{display:none}}.peer-compare__demo-banner-text{font-size:var(--font-size-xs);color:#fffc;flex:1;min-width:0;line-height:1.45}.peer-compare__demo-banner-cta{background-color:var(--brand-gold);color:var(--text-on-gold);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold,600);white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;text-decoration:none;transition:background-color .15s;display:inline-block}.peer-compare__demo-banner-cta:hover{background-color:var(--brand-gold-hover)}.peer-compare__demo-banner-login{color:#fff9;font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0;text-decoration:underline;transition:color .15s;display:inline-block}.peer-compare__demo-banner-login:hover{color:var(--text-on-accent)}.peer-compare__demo-banner-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}}