@layer components{.peer-compare{padding:var(--pad-card) var(--pad-panel)}.peer-compare--skeleton{min-height:var(--gate-min-height)}.peer-compare__skeleton-pay{gap:var(--gap-block);min-height:var(--instrument-height);padding:var(--pad-card);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.peer-compare__skeleton-chart{min-height:var(--instrument-height);flex:1}.peer-compare__skeleton-timeline{grid-template-columns:minmax(var(--spacing-10), var(--column-avatar)) minmax(0, 1fr);padding:var(--pad-panel);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);align-items:stretch;display:grid}.peer-compare__skeleton-rail{position:relative}.peer-compare__skeleton-rail:before{content:"";top:var(--gap-block);bottom:var(--gap-block);width:var(--track-thickness);border-radius:var(--radius-full);background:var(--border-subtle);position:absolute;left:50%;transform:translate(-50%)}.peer-compare__skeleton-roles{gap:var(--gap-block);flex-direction:column;display:flex}.peer-compare__skeleton-role{gap:var(--gap-related);min-height:150px;padding:var(--pad-panel);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.peer-compare__header{margin-bottom:var(--stack-block);justify-content:space-between;align-items:center;display:flex}.peer-compare__profile-header{justify-content:space-between;align-items:center;gap:var(--gap-block);margin-bottom:var(--stack-block);display:flex}.peer-compare__profile-actions{align-items:center;gap:var(--gap-within);flex-shrink:0;margin-left:auto;display:flex}.peer-compare__profile-helpful{align-items:center;display:flex}.peer-compare__profile-save{padding:var(--pad-tight);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;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:var(--border-emphasis) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.peer-compare__timeline{min-width:0}.peer-compare__timeline-header{justify-content:space-between;align-items:center;gap:var(--gap-related);margin-bottom:var(--stack-related);display:flex}.peer-compare__timeline-label{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);font-weight:var(--font-weight-semibold);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;color:var(--text-muted)}.peer-compare__pay-row{gap:var(--gap-block);margin-top:var(--stack-block);flex-direction:column;display:flex}.peer-compare__pay-row .insight-card:hover{transform:none}@media (max-width:768px){.peer-compare{padding:var(--pad-control-y) 0;--edit-icon-width:0px}.peer-compare__profile-header{align-items:stretch;gap:var(--gap-related);flex-direction:column}.peer-compare__profile-actions{justify-content:flex-end;margin-left:0}.peer-compare .insight-card{padding:var(--pad-control-x)}}.peer-compare__signup-banner{justify-content:space-between;align-items:center;gap:var(--gap-block);padding:var(--pad-control-x) var(--pad-card);background:var(--surface);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--stack-related);flex-wrap:wrap;display:flex}.peer-compare__signup-banner--bottom{margin-bottom:0;margin-top:var(--stack-related)}@media (max-width:768px){.peer-compare__signup-banner{display:none}}.peer-compare__signup-banner-text{font-size:var(--type-ui-size);letter-spacing:var(--type-ui-tracking);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--type-ui-leading);flex:1;min-width:0;margin:0}.peer-compare__signup-banner-actions{align-items:center;gap:var(--gap-within);flex-shrink:0;display:flex}}