/* ---------- Nexus MCP — module-specific hero visual ----------
   IDE prompt + provided company context. Generic chrome (.mock*) in module.css. */
.mmc-code { font-family: var(--font-mono); font-size: 12px; line-height: 1.7; background: var(--surface-inset); border: 1px solid var(--border); border-radius: var(--r-md); padding: 13px 14px; }
.mmc-code .ln { display: block; color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mmc-code .cmt { color: var(--fg-subtle); }
.mmc-code .pr { color: var(--nx-green); font-weight: 700; }
.mmc-code .q { color: var(--fg-strong); }
.mmc-ctx { margin-top: 12px; border: 1px solid color-mix(in srgb, var(--nx-green) 32%, transparent); border-radius: var(--r-md); background: color-mix(in srgb, var(--nx-green) 8%, transparent); padding: 11px 12px; }
.mmc-ctx__lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--nx-green); font-family: var(--font-mono); margin-bottom: 9px; display: flex; align-items: center; gap: 6px; }
.mmc-ctx__lbl .ci { display: grid; place-items: center; } .mmc-ctx__lbl .ci svg { width: 13px; height: 13px; }
.mmc-ctx__items { display: flex; flex-wrap: wrap; gap: 6px; }
.mmc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: var(--r-pill); background: var(--surface); border: 1px solid var(--border); font-size: 11px; font-family: var(--font-mono); color: var(--fg-muted); }
.mmc-chip .ci { color: var(--nx-green); display: grid; place-items: center; } .mmc-chip .ci svg { width: 12px; height: 12px; }