/*
 * The /data pages (market_data engine) inside Trackberry's layout. Scoped to
 * .md-host, the class layouts/market_data.html.erb puts on <body>, so nothing
 * here reaches another page.
 *
 * The engine's stylesheet assumes browser defaults and a light background:
 * Tailwind's preflight strips heading weights and link colors, and the dark
 * theme needs its own greys.
 */
.md-host .md-container { max-width: 72rem; padding-top: 2rem; }
.md-host .md-h1, .md-host .md-h2 { font-weight: 700; letter-spacing: -0.01em; }
.md-host .md-h3 { font-weight: 600; }
.md-host .md-container p { margin: 0.5rem 0; }
.md-host .md-container a:not([class]) { color: #4f46e5; text-decoration: underline; text-underline-offset: 2px; }
.md-host .md-container a:not([class]):hover { color: #4338ca; }
.md-host .md-container pre, .md-host .md-container code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.875rem; }
.md-host .md-container pre { background: #f3f4f6; padding: 0.75rem 1rem; border-radius: 6px; overflow-x: auto; }
.md-host .md-table { display: table; }
.md-host .md-details > summary { cursor: pointer; font-weight: 600; }

.dark .md-host .md-muted,
.dark .md-host .md-card__label,
.dark .md-host .md-card__note,
.dark .md-host .md-attribution { color: #9ca3af; }
.dark .md-host .md-container a:not([class]),
.dark .md-host .md-breadcrumb a,
.dark .md-host .md-list a { color: #a5b4fc; }
.dark .md-host .md-list__item,
.dark .md-host .md-card,
.dark .md-host .md-table th,
.dark .md-host .md-table td { border-color: #374151; }
.dark .md-host .md-card--provisional { border-color: #b7791f; }
.dark .md-host .md-empty { background: #111827; }
.dark .md-host .md-banner { background: #2d2410; }
.dark .md-host .md-row--provisional td,
.dark .md-host .md-row--provisional th { background: #2d2410; }
.dark .md-host .md-row--europe td,
.dark .md-host .md-row--europe th { background: #172036; }
.dark .md-host .md-container pre { background: #111827; }
.dark .md-host .md-chart__grid line { stroke: #374151; }
.dark .md-host .md-chart__grid text,
.dark .md-host .md-chart__tick,
.dark .md-host .md-chart__legend text { fill: #9ca3af; }
.dark .md-host .md-chart__bar,
.dark .md-host .md-chart__legend-bar { fill: #60a5fa; }
.dark .md-host .md-chart__legend-bar--incomplete { fill: url(#md-hatch); stroke: #60a5fa; }
.dark .md-host .md-chart__hatch-bg { fill: #172036; }
.dark .md-host .md-chart__hatch-line { stroke: #60a5fa; }
.dark .md-host .md-chart__previous { stroke: #f87171; }