@layer components{.insights{gap:var(--spacing-5);width:100%;padding-block:var(--spacing-6) var(--spacing-10);flex-direction:column;display:flex}@media (max-width:768px){.insights{padding-block-start:0}}.insights__loading-gate{min-height:calc(100dvh - var(--navbar-height));justify-content:center;align-items:center;display:flex}@media (min-width:1101px){.insights{--profile-title-size:var(--font-size-base);--capability-pill-grid-gap:var(--spacing-1);--capability-pill-gap:var(--spacing-1);--capability-pill-padding:var(--spacing-1) var(--spacing-2);--capability-pill-size:var(--font-size-xs);--insight-toggle-min-height:var(--control-height-sm);--insight-toggle-padding:var(--spacing-1) var(--spacing-3);--chart-axis-font-size:var(--font-size-xs);--chart-tooltip-font-size:var(--font-size-xs)}.insights .insight-card__content,.insights .insight-renderer__note,.insights .pay-trajectory__note{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.insights .insight-tab-btn{min-height:var(--control-height-sm);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}}.insights__demo-hero{gap:var(--spacing-4);padding:var(--spacing-6);color:var(--chrome-text-strong);background:var(--chrome-surface);border:1px solid var(--chrome-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.insights__demo-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--chrome-text-strong);margin:0}.insights__body{gap:var(--spacing-4);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.insights__main,.insights__aside-placeholder{min-width:0}.insights__demo-aside{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);text-align:center;background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);margin-top:calc(var(--control-height-sm) + var(--spacing-2));flex-direction:column;display:flex}.insights__demo-aside-avatar{border-radius:var(--radius-full);background:var(--brand-gold);width:40px;height:40px;color:var(--text-on-gold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insights__demo-aside-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--self-card-text);line-height:var(--line-height-normal);margin:0}.insights__demo-aside-cta{padding:var(--spacing-2) var(--spacing-4);background:var(--brand-gold);color:var(--text-on-gold);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.insights__demo-aside-cta:hover{background:var(--brand-gold-hover)}@media (max-width:1100px){.insights__body{grid-template-columns:minmax(0,1fr)}.insights__demo-aside{order:1;margin-top:0}}.insights__persona-switcher{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.insights__persona-switcher-placeholder{min-height:calc(var(--control-height-sm) + 6px)}.insights__persona-switcher-label{font-size:var(--font-size-sm);color:var(--chrome-text);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0}.insights__persona-tabs{background:color-mix(in srgb, var(--chrome-text-strong) 10%, transparent);border-radius:var(--radius-md);flex-wrap:wrap;gap:3px;max-width:100%;padding:3px;display:flex}.insights__persona-tab{appearance:none;padding:3px var(--spacing-4);font-size:var(--font-size-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--chrome-text);cursor:pointer;border-radius:calc(var(--radius-md) - 3px);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;line-height:1.4}.insights__persona-tab:hover:not(.insights__persona-tab--active){color:var(--chrome-text-strong)}.insights__persona-tab--active{background:var(--chrome-text-strong);color:var(--chrome-surface);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.insights__persona-switcher{align-items:stretch;gap:var(--spacing-2);flex-direction:column}.insights__persona-tabs{width:100%}.insights__persona-tab{text-align:center;min-width:0;padding:3px var(--spacing-1);white-space:normal;flex:1 1 0;font-size:.7rem}}}