@layer components{.peer-feed-card{padding:var(--spacing-3) var(--spacing-4);cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.peer-feed-card:first-child{border-top:1px solid var(--border-subtle)}.peer-feed-card:hover{background:var(--surface-hover)}.peer-feed-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.peer-feed-card__grid{column-gap:var(--spacing-4);row-gap:var(--spacing-0-5);grid-template-columns:minmax(0,1fr) minmax(120px,220px) auto;grid-template-areas:"badge rail comp""title rail comp""meta rail comp";display:grid}.peer-feed-card__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-full);white-space:nowrap;background:var(--surface-sunken);color:var(--text-muted);grid-area:badge;justify-self:start}.peer-feed-card__badge--in-role{background:var(--badge-tier-role-surface);color:var(--badge-tier-role-text)}.peer-feed-card__badge--ahead{background:var(--badge-tier-ahead-surface);color:var(--badge-tier-ahead-text)}.peer-feed-card__badge--employer{background:var(--badge-tier-employer-surface);color:var(--badge-tier-employer-text)}.peer-feed-card__badge--discipline{background:var(--badge-tier-discipline-surface);color:var(--badge-tier-discipline-text)}.peer-feed-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);grid-area:title;margin:0}.peer-feed-card__meta{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);grid-area:meta;margin:0}.peer-feed-card__employer{font-weight:var(--font-weight-medium);color:var(--brand-gold-text)}.peer-feed-card__rail{align-self:center;gap:var(--spacing-0-5);flex-direction:column;grid-area:rail;min-width:0;display:flex}.peer-feed-card__rail .career-motif-compact{width:100%;min-width:0}.peer-feed-card__origin{max-width:100%;font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.peer-feed-card__comp{font-size:var(--font-size-sm);font-weight:var(--font-weight-stat);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary);grid-area:comp;align-self:center}.peer-feed-card__footer{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1);min-width:0;display:flex}.peer-feed-card__stats{align-items:center;gap:var(--spacing-1-5);flex-wrap:wrap;flex:1;min-width:0;margin:0;display:flex}.peer-feed-card__stat-link{color:var(--brand-gold-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand-gold-text) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--brand-gold-text) 45%, transparent);transition:text-decoration-color var(--transition-fast)}.peer-feed-card:hover .peer-feed-card__stat-link{-webkit-text-decoration-color:var(--brand-gold-text);text-decoration-color:var(--brand-gold-text)}.peer-feed-card__stat-link--action{font-family:var(--font-family-base);cursor:pointer;background:0 0;border:none;padding:0}.peer-feed-card__stat-link--action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.peer-feed-card__stat-divider{color:var(--text-muted);font-size:var(--font-size-xs)}.peer-feed-card__action{align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:inline-flex}.peer-feed-card__action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.peer-feed-card__action--helpful:hover,.peer-feed-card__action--helpful.is-active{color:var(--color-helpful)}.peer-feed-card__action--helpful:hover{background:var(--surface-active)}.peer-feed-card__action--save:hover,.peer-feed-card__action--save.is-active{color:var(--brand-gold-text)}.peer-feed-card__action--save:hover{background:var(--surface-active)}@media (pointer:coarse){.peer-feed-card__action{justify-content:center;min-width:44px;min-height:44px}}@media (max-width:768px){.peer-feed-card__grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"badge badge""title comp""meta meta""rail rail"}.peer-feed-card__rail{margin-top:var(--spacing-1);align-self:auto}.peer-feed-card__comp{align-self:baseline}}.peer-feed-card--skeleton{cursor:default;pointer-events:none}.peer-feed-card__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}@media (prefers-reduced-motion:reduce){.peer-feed-card__skeleton-bar{background:var(--surface-sunken);animation:none}}.peer-feed-card__skeleton-badge{border-radius:var(--radius-full);grid-area:badge;width:84px;height:16px}.peer-feed-card__skeleton-title{grid-area:title;width:60%;height:18px}.peer-feed-card__skeleton-meta{grid-area:meta;width:45%;height:13px}.peer-feed-card__skeleton-motif{opacity:.6;grid-area:rail;align-self:center;width:100%;height:28px}.peer-feed-card__skeleton-comp{grid-area:comp;align-self:center;width:52px;height:15px}.peer-feed-card__skeleton-stats{width:40%;height:11px;margin-right:auto}.peer-feed-card__skeleton-action{border-radius:var(--radius-full);width:44px;height:22px}}