.om-insights { flex:none; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:12px; padding:8px; border-bottom:1px solid var(--line); background:var(--paper); }
.oi-series { min-width:0; }
.oi-caption { position:absolute; top:6px; left:8px; right:68px; z-index:2; pointer-events:none; }
.oi-heading { display:flex; align-items:baseline; gap:14px; }
.oi-heading h2 { font:14px var(--sans); font-weight:600; margin:0; }
.oi-date { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.oi-summary { font-size:11px; line-height:16px; margin:2px 0 0; color:var(--ink-soft); }
.oi-plot { position:relative; height:210px; }
.oi-chart { width:100%; height:100%; }
.oi-message { position:absolute; inset:72px 0 26px; z-index:3; display:flex; align-items:center; justify-content:center; gap:10px; color:var(--muted); background:var(--bg); font-size:12px; }
.oi-message[hidden] { display:none; }
.oi-reading { position:absolute; left:8px; bottom:26px; z-index:2; pointer-events:none; background:var(--bg); margin:0; font:11px var(--mono); color:var(--muted); }
.oi-metrics { display:flex; flex-direction:column; min-width:0; }
#optionsMarket .oi-metrics button { flex:1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; align-items:baseline; gap:2px 8px; text-align:left; padding:5px 8px; border:0; border-bottom:1px solid var(--line); background:transparent; }
#optionsMarket .oi-metrics button:last-child { border-bottom:0; }
#optionsMarket .oi-metrics button:hover { background:var(--hover); }
#optionsMarket .oi-metrics button[aria-pressed=true] { background:var(--sel); }
.oi-metrics strong { font:17px var(--num); font-variant-numeric:tabular-nums; text-align:right; }
.oi-metrics small { font-size:11px; color:var(--muted); }
.oi-metrics small:last-child { text-align:right; }
.oi-trial { margin-left:6px; }
.metric-edit>:not(.option-metric-editor):not(.out) { display:none; }
@container (max-width:800px) {
  .om-insights { grid-template-columns:minmax(0,1fr); gap:8px; padding:8px; }
  .oi-metrics { grid-row:1; }
  #optionsMarket .oi-metrics button { padding:5px 8px; min-height:48px; }
  .oi-heading { flex-wrap:wrap; gap:4px 10px; }
  .oi-plot { height:224px; }
}