/* /desks and /desks/<slug>: the template's detail-card layout with live market lists in it. */
.oi-static main { padding-top: 7.5rem; padding-bottom: 6rem; min-height: 70vh; }
.oi-desks .page-module__bSawnG__header { margin: 0 0 2.5rem; }
.oi-desks .page-module__bSawnG__title { margin: 0 0 1rem; }
.oi-desks .page-module__bSawnG__subtitle { max-width: 40rem; font-size: 1.05rem; }
.oi-desk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.oi-desk-card { padding: 4.5rem 2.25rem 2rem; }
.oi-desk-card .page-module__PnZsmq__hero { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }
.oi-desk-card .page-module__PnZsmq__heroImageWrap { order: 1; }
.oi-row.h > span { white-space: nowrap; }
.oi-desk-card .page-module__PnZsmq__title a { color: inherit; text-decoration: none; }
.oi-desk-card .page-module__PnZsmq__title a:hover { color: var(--oi-amber); }
.oi-desk-card .page-module__PnZsmq__markdownSection { gap: 2.5rem; }

/* the live list */
.oi-desk-list { font-family: "Inter Tight", sans-serif; font-variant-numeric: tabular-nums; }
.oi-loading { color: var(--oi-mute); margin: 0; font-size: .9rem; }
.oi-rows { display: flex; flex-direction: column; }
.oi-row { display: grid; grid-template-columns: 1.7fr 1fr .8fr 1fr .5fr; gap: .8rem; align-items: center; padding: .55rem 0; border-bottom: 1px solid var(--oi-line); font-size: .9rem; color: var(--oi-ink); text-decoration: none; }
.oi-row.h { color: var(--oi-mute); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; border-bottom-color: var(--oi-mute); }
.oi-row:hover:not(.h) { color: var(--oi-amber); }
.oi-row .coin { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.oi-row .coin img, .oi-row .coin i { width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--oi-panel); object-fit: cover; flex: none; display: block; }
.oi-row .coin b { font-weight: 600; } .oi-row .coin small { color: var(--oi-mute); margin-left: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oi-row .num { text-align: right; }
.oi-row .lev { text-align: right; color: var(--oi-amber); }
.oi-row .up { color: var(--oi-up); } .oi-row .down { color: var(--oi-down); }
.oi-desk-list-full .oi-row { font-size: .95rem; }
.oi-desk-visual { width: 100%; aspect-ratio: 16 / 10; display: block; background: #0d0b09; border: 1px solid var(--oi-line); }
.oi-more { color: var(--oi-mute); font-size: .85rem; margin: .8rem 0 0; }

@media (max-width: 900px) {
  .oi-static main { padding-top: 5.5rem; }
  .oi-desk-grid { grid-template-columns: 1fr; gap: 1rem; }
  .oi-desk-card { padding: 2.5rem 1.1rem 1.5rem; }
  .oi-row { grid-template-columns: 1.6fr 1fr .8fr .5fr; }
  .oi-row > :nth-child(4) { display: none; }
}