/* Market data pages. Loads after /blog/assets/blog.css and reuses its tokens. */
.draft-banner { background: #3a3320; border-bottom: 1px solid rgba(230,200,120,.4); color: #E9DDB4; text-align: center; padding: 10px var(--space-3); font-size: 14px; }
.draft-banner strong { color: #F6EBC4; }
.md-wrap { max-width: 920px; margin: 0 auto; }
.md-wrap h2 { margin: var(--space-6) 0 var(--space-2); }
.md-wrap h3 { font-size: 22px; margin: var(--space-4) 0 var(--space-1); }
.md-wrap p { margin-bottom: var(--space-2); }
.md-wrap .lead { font-size: 19px; line-height: 1.65; color: var(--color-text-primary); margin-bottom: var(--space-4); }
.updated { font-size: 14px; color: var(--color-secondary-100); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-2); margin: var(--space-3) 0 var(--space-4); }
.stat { background: var(--color-bg-surface); border: 1px solid rgba(170,174,178,.25); border-radius: 8px; padding: var(--space-3); }
.stat .v { font-family: "Playfair Display", Georgia, serif; font-size: 30px; line-height: 1.1; color: var(--color-text-primary); display: block; }
.stat .k { font-size: 13px; color: var(--color-secondary-100); margin-top: 8px; display: block; line-height: 1.4; }
.table-wrap { overflow-x: auto; margin: var(--space-2) 0 var(--space-1); border: 1px solid rgba(170,174,178,.25); border-radius: 8px; }
table.data { width: 100%; border-collapse: collapse; background: var(--color-bg-surface); min-width: 460px; }
table.data th, table.data td { padding: 12px 16px; text-align: left; border-bottom: 1px solid rgba(170,174,178,.18); font-size: 15px; color: var(--color-text-muted); vertical-align: top; }
table.data thead th { color: var(--color-text-primary); background: var(--color-bg-surface-2); font-weight: 600; }
table.data td.num, table.data th.num { text-align: right; font-variant-numeric: tabular-nums; color: var(--color-text-primary); white-space: nowrap; }
table.data tr:last-child td { border-bottom: none; }
.src { font-size: 13px; color: var(--color-secondary-100); margin-bottom: var(--space-3); }
.src a, .md-wrap a.inline { color: var(--color-text-primary); text-decoration: underline; text-underline-offset: 3px; }
.note { background: var(--color-bg-surface); border-left: 3px solid var(--color-accent-hover); padding: var(--space-2) var(--space-3); border-radius: 0 6px 6px 0; color: var(--color-text-primary); margin: var(--space-2) 0; font-size: 15px; }
.chart-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); margin: var(--space-2) 0; }
figure.chart { margin: 0; background: var(--color-bg-surface); border: 1px solid rgba(170,174,178,.25); border-radius: 8px; padding: var(--space-3); }
figure.chart figcaption { font-size: 12px; color: var(--color-secondary-100); margin-top: 10px; line-height: 1.4; }
figure.chart svg { width: 100%; height: auto; display: block; }
.limits { display: flex; flex-direction: column; gap: 10px; padding-left: 1.3em; margin: 0 0 var(--space-3); color: var(--color-text-muted); }
.cite-box { background: var(--color-bg-surface); border: 1px solid rgba(170,174,178,.25); border-radius: 6px; padding: var(--space-2) var(--space-3); margin-top: var(--space-2); }
.cite-box summary { cursor: pointer; font-weight: 600; color: var(--color-text-primary); }
.cite-box textarea { width: 100%; min-height: 150px; margin-top: var(--space-2); background: var(--color-bg-pressed); color: var(--color-text-muted); border: 1px solid rgba(170,174,178,.25); border-radius: 6px; padding: 12px; font: 13px/1.5 ui-monospace, Menlo, Consolas, monospace; }
.state-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); }
.sources-list { display: flex; flex-direction: column; gap: 10px; padding-left: 1.3em; color: var(--color-text-muted); }
.sources-list a { color: var(--color-text-primary); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768px) {
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .chart-grid { grid-template-columns: 1fr; }
  .state-list { grid-template-columns: 1fr; }
  .stat .v { font-size: 24px; }
  table.data { min-width: 0; }
  table.data th, table.data td { padding: 10px 10px; font-size: 14px; }
  table.data td.num, table.data th.num { white-space: normal; }
}
table.data.wide { min-width: 700px; }
table.data.wide td:first-child, table.data.wide th:first-child { white-space: nowrap; }
table.data.wide th, table.data.wide td { padding-left: 12px; padding-right: 12px; }
.state-links { line-height: 2; color: var(--color-text-muted); }
.state-links a { white-space: nowrap; }
@media (max-width: 768px) { table.data.wide { min-width: 640px; } table.data.wide td { white-space: nowrap; } }
table.data.wide th.num { white-space: normal; min-width: 96px; line-height: 1.25; vertical-align: bottom; }
table.data.wide th, table.data.wide td { padding-left: 10px; padding-right: 10px; }