.market-scope { font: 13px/1.6 var(--sans); color: var(--ink-2); max-width: 78ch; margin: 12px 0; }
.market-jumps { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 20px 0 8px; font: 14px/1.5 var(--sans); }
.market-jumps a { color: var(--rust); text-underline-offset: 4px; }
.market-comparison { margin: 32px 0; }
.market-comparison h2 { font: 24px/1.3 var(--serif); }
.market-comparison p { max-width: 70ch; font: 16px/1.6 var(--sans); }
.data-table caption { text-align: left; white-space: normal; font: 13px/1.5 var(--sans); padding: 12px 0; color: var(--ink-2); }
.data-table tbody th { text-align: left; font: 14px/1.5 var(--sans); padding: 8px 12px; border-bottom: 1px solid var(--hairline); }
.market-comparison .table-wrap { max-height: 640px; }

.market-controls { display: flex; flex-wrap: wrap; gap: 16px; align-items: end; margin: 20px 0 8px; }
.market-controls[hidden], #market-count[hidden] { display: none; }
.market-controls label { display: grid; gap: 6px; font: 14px/1.5 var(--sans); flex: 1 1 220px; }
.market-controls input, .market-controls select, .market-controls button { box-sizing: border-box; max-width: 100%; min-height: 44px; border: 1px solid var(--hairline-2); background: var(--paper-soft); color: var(--ink); padding: 10px 12px; font: 16px/1.4 var(--sans); }
.market-controls select { width: 100%; }
.market-controls button { cursor: pointer; }
.market-controls :focus-visible { outline: 2px solid var(--rust); outline-offset: 3px; }
.market-comparison #market-count, .market-comparison .market-scroll-hint { font-size: 13px; margin: 8px 0; }