/* Cade · Live markets v8 (2026-10-06). The shared language and the product parts (hero + stage tabs, the stats band, the
   cards, search + sort, the empty panel, the ticker, the fine print) are the kit /lib/v8/v8.css (README there).
   This file keeps the page: the per-art crops, the board tools row, the "showing n of m" + Load more column, and its deltas. */

/* ═════ HERO: four arts on the kit stage ═════ */
.stage-art[data-art=all]{--obj:60% 40%;--obj-sm:30% 40%}
.stage-art[data-art=memecoins]{--obj-sm:56% 40%}
.stage-art[data-art=sports]{--obj-sm:18% 40%}
.stage-art[data-art=stocks]{--obj-sm:70% 40%}
.band-p{max-width:38ch}

/* ═════ LIVE PREDICTIONS + THE BOARD: the heading row carries the tools (kit .srch + .sort) on the right ═════ */
.tick-sec{padding-top:64px}
.board-sec{padding-top:88px}
.tools{display:flex;align-items:flex-end;gap:16px;margin-bottom:4px}
.grid:empty{display:none}
.board-more{display:flex;flex-direction:column;align-items:center;gap:18px;margin:48px 0 0}
.shown{margin:0;font-family:var(--data);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.shown:empty{display:none}
.fine{margin-top:56px}

/* ═════ the 1100 / 1023 / 760 / 360 rungs ═════ */
@media (max-width:1100px){
  .board-sec .sec-hd{flex-direction:column;align-items:stretch}
  .tools{width:100%}
  .srch{flex:1;width:auto}
}
@media (max-width:1023px){.hero-tabs .tab span{padding:0 22px 0 24px;font-size:20px}}
@media (max-width:760px){
  .hero-tabs .tab span{padding:0 10px 0 12px;font-size:clamp(16px,4.6vw,19px)}
  .band{margin-top:36px}
  .tick-sec{padding-top:56px}
  .board-sec{padding-top:64px}
  .tools{gap:12px;align-items:stretch}
  .board-more{margin-top:36px}
  .fine{margin-top:40px}
}
@media (max-width:360px){.hero-tabs .tab span{font-size:15px;gap:6px}}