/* Makes each agent's demo wear the Better Outcomes site look: same palette, same top bar. Loaded after the demo's own css; overrides variables only. */
:root, :root[data-theme="dark"] {
  --bg: #ffffff; --panel: #ffffff; --sunk: #f1f1f1; --track: #f1f1f1; --line: #ececec; --line2: #e3e3e3;
  --text: #0a0a0a; --text2: #333333; --muted: #8a8a8a; --dim: #a3a3a3; --accent: #0a0a0a;
  --btn: #0a0a0a; --btn-ink: #ffffff; --btn-hover: #333333; color-scheme: light;
}
body { background: #fff; color: #0a0a0a; }
/* top bar: see bar.js (same bar as the home page) */
.bo-bar, [data-theme-slot], .theme-switch, #theme-toggle { display: none !important; }

.demo-intro { max-width: 1080px; margin: 0 auto; padding: 18px 24px 8px; font: 400 15px/1.5 "BO", ui-sans-serif, system-ui, sans-serif; color: #333; }
.demo-intro summary { cursor: pointer; font-weight: 600; color: #121a1b; }
.demo-intro .di-out { margin: 8px 0 2px; font-size: 18px; color: #0a0a0a; } .demo-intro .di-meta { margin: 0 0 8px; color: #5b5b5b; font-size: 14px; }
.demo-intro ol { margin: 0 0 8px; padding-left: 20px; } .demo-intro li { margin: 2px 0; }