.mx-joint-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:12px 0; }
.mx-joint-controls label { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:12px; }
.mx-joint-controls select { padding:8px; background:var(--card); color:var(--ink); border:1px solid var(--brd2); border-radius:6px; }
.mx-joint-ranking { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
.mx-joint-row { border-bottom:1px solid var(--brd); padding:16px 0; min-width:0; }
.mx-joint-row-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px; justify-content:space-between; }
.mx-joint-row-head small { display:block; color:var(--muted); font-size:12px; }
.mx-joint-row p,.mx-joint-evidence { color:var(--muted); font-size:12px; }
.mx-joint-evidence { margin-top:10px; }
.mx-joint-evidence summary { cursor:pointer; padding:8px 0; font-weight:600; }
.mx-joint-evidence li { padding:3px 0; }
.mx-joint-backtest { border-top:1px solid var(--brd2); margin-top:24px; padding-top:20px; }
.mx-joint-metrics,.mx-joint-outcomes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mx-joint-metrics { padding:12px 0; }
.mx-joint-metrics strong { font-size:20px; }
.mx-joint-metrics p { font-size:12px; color:var(--muted); }
.mx-joint-history-row { border-top:1px solid var(--brd); padding:16px 0; }
.mx-joint-history-row>.mx-joint-row-head { margin-bottom:10px; }
.mx-joint-outcomes small { display:block; margin-bottom:6px; font-size:12px; color:var(--muted); }
.mx-joint-source { display:grid; grid-template-columns:minmax(0,1fr) minmax(64px,.5fr) 48px; align-items:center; gap:8px; border-top:1px solid var(--brd); padding:8px 0; }
.mx-joint-ranking *,.mx-joint-backtest *,.mx-joint-source * { min-width:0; overflow-wrap:anywhere; letter-spacing:0; }
@media(max-width:600px){.mx-joint-ranking { grid-template-columns:1fr; }.mx-joint-metrics { gap:10px; }.mx-joint-metrics strong { font-size:17px; }.mx-joint-outcomes { grid-template-columns:1fr; gap:10px; }}