/* ---------- Nexus Deep Research — module-specific hero visual ----------
   Sources → synthesis report. Generic chrome (.mock*) in module.css. */
.mrs-srcs { display: flex; flex-direction: column; gap: 7px; }
.mrs-src { display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--fg-muted); font-family: var(--font-mono); padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--surface-2); }
.mrs-src .ci { color: var(--nx-green); display: grid; place-items: center; flex-shrink: 0; } .mrs-src .ci svg { width: 14px; height: 14px; }
.mrs-src .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrs-arrow { display: flex; align-items: center; gap: 10px; margin: 13px 0; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--nx-green); white-space: nowrap; }
.mrs-arrow .ln { height: 1px; flex: 1; background: linear-gradient(90deg, transparent, var(--border-strong), transparent); }
.mrs-report { border: 1px solid var(--border); border-radius: var(--r-lg); background: var(--surface-2); padding: 14px; position: relative; }
.mrs-report::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: var(--nx-gradient-x); }
.mrs-report__ttl { font-size: 13.5px; font-weight: 800; color: var(--fg-strong); margin-bottom: 12px; padding-left: 8px; }
.mrs-sec { margin: 10px 0 0; padding-left: 8px; }
.mrs-sec .h { font-size: 10.5px; font-weight: 700; color: var(--nx-green); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.mrs-bar { height: 6px; border-radius: 3px; background: var(--surface-inset); margin: 5px 0; }
.mrs-bar.w95 { width: 95%; } .mrs-bar.w80 { width: 80%; } .mrs-bar.w70 { width: 70%; } .mrs-bar.w60 { width: 60%; }