@layer components{.insight-renderer{gap:var(--spacing-3);flex-direction:column;display:flex}.insight-renderer__section{gap:var(--spacing-1);flex-direction:column;display:flex}.insight-renderer__statement{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.35;font-weight:var(--font-weight-semibold);margin:0}.insight-renderer__statement-row{align-items:start;gap:4px;display:flex}.insight-renderer__statement-row .insight-renderer__statement,.insight-renderer__statement-row .insight-renderer__note{margin:0}.insight-renderer__header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);display:flex}.insight-renderer__header-row .insight-renderer__statement{flex:1;min-width:0;margin:0}.insight-renderer__header-meta{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.insight-renderer__confidence-indicator{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.insight-renderer__confidence-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.insight-renderer__confidence-dot--high{background:var(--color-success)}.insight-renderer__confidence-dot--medium{background:var(--color-warning)}.insight-renderer__confidence-dot--low{background:var(--color-error)}.insight-renderer__info-icon{border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);width:16px;min-width:16px;height:16px;color:var(--text-secondary);font-size:var(--type-micro-size);font-weight:var(--font-weight-semibold);cursor:help;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.insight-renderer__help-icon{color:var(--text-secondary);cursor:help;-webkit-user-select:none;user-select:none;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.insight-renderer__help-icon:hover{opacity:1}.insight-renderer__chart-header{margin-bottom:var(--spacing-1);justify-content:flex-end;display:flex}.insight-renderer__cta-label{color:var(--text-secondary);font-size:var(--type-caption-size);line-height:1.3;font-weight:var(--font-weight-semibold);letter-spacing:.01em;margin:0}.insight-renderer__key-metric{gap:calc(var(--spacing-1) / 2);margin:0;display:grid}.insight-renderer__body{column-gap:var(--spacing-6);row-gap:var(--spacing-4);grid-template-columns:232px minmax(0,640px);grid-template-areas:"hero instrument""tiles instrument";align-items:start;display:grid}.insight-renderer__hero-zone{grid-area:hero}.insight-renderer__tiles{gap:var(--spacing-2);grid-area:tiles;align-self:start;display:grid}.insight-renderer__instrument{grid-area:instrument;align-self:center;min-width:0}.insight-renderer__tile{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3)}.insight-renderer__tile-label{margin:0 0 var(--spacing-0-5);font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--text-muted)}.insight-renderer__tile-label--you{color:var(--identity-text)}.insight-renderer__tile-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}.insight-renderer__tile-split{justify-content:space-between;gap:var(--spacing-2);margin:var(--spacing-0-5) 0 0;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}@media (max-width:768px){.insight-renderer__body{grid-template-columns:1fr;grid-template-areas:"hero""instrument""tiles"}.insight-renderer__tiles{grid-template-columns:1fr 1fr}.insight-renderer__tile-split,.insight-renderer__confidence-indicator{display:none}}.insight-renderer__key-metric-value{color:var(--text-primary);font-size:var(--type-h2-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--type-h2-tracking);margin:0}.insight-renderer__key-metric-label{color:var(--text-secondary);font-size:var(--type-cell-size);margin:0}.insight-renderer__chart{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-3)}@media (max-width:768px){.insight-renderer__chart{padding:var(--spacing-3)}}.insight-renderer__note{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.insight-renderer__meta{color:var(--text-muted);font-size:var(--font-size-xs);margin:0;line-height:1.35}.insight-tab-strip{align-items:center;gap:0;display:inline-flex}.insight-tab-btn{appearance:none;border:1px solid var(--border-default);background:var(--surface);color:var(--text-muted);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);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);line-height:1}.insight-tab-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.insight-tab-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.insight-tab-btn:not(:first-child,:last-child){border-right:none}.insight-tab-btn:hover:not(.is-active){color:var(--text-primary);background:var(--hover-surface)}.insight-tab-btn.is-active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:var(--font-weight-semibold)}.insight-tab-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;z-index:1}.insight-tab-btn:disabled{cursor:not-allowed;opacity:.45}.role-capability__tier-divider{border:none;border-top:1px solid var(--border-subtle);width:100%;height:0;margin:var(--spacing-2) 0 var(--spacing-1);pointer-events:none;flex-basis:100%}.role-capability__tier-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-basis:100%;margin-bottom:2px}}