.source-record { padding: clamp(20px,4vw,40px); margin: 28px 0; border: 1px solid var(--line); border-radius: 24px; background: var(--soft); }
.source-record h3 { font-size: clamp(24px,3vw,34px); line-height: 1.2; letter-spacing: -.025em; }
.source-meta { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 12px 24px; margin: 24px 0; font-size: 15px; }
.source-meta dt { font-weight: 650; color: var(--ink); }
.source-meta dd { margin: 0; color: var(--muted); }
.source-record .source { overflow-wrap: anywhere; }
.research-bars { display: grid; gap: 18px; margin: 28px 0; }
.research-bars span { display: block; font-size: 14px; margin-bottom: 6px; }
.research-track { background: var(--soft-2); border-radius: 8px; overflow: hidden; }
.research-track b { display: block; padding: 9px 12px; font-size: 16px; color: white; transform-origin: left; }
.research-72 { width: 72%; background: #335cf5; }
.research-38 { width: 38%; background: #53617a; }
.research-bars.vu b { animation: research-grow .8s ease-out both; }
@keyframes research-grow { from { transform: scaleX(.15); opacity: .4; } to { transform: none; opacity: 1; } }
@media(max-width:600px) { .source-meta { grid-template-columns: 1fr; gap: 4px; } .source-meta dd { margin-bottom: 12px; } }
@media(prefers-reduced-motion:reduce) { .research-bars.vu b { animation: none; } }