/* =========================================================================
   dexwatch — /dex-ranking/ styles
   ========================================================================= */
.rk-main { padding: 36px 0 40px; }

.rk-head { max-width: 720px; }
.rk-title { font-size: clamp(30px, 4.4vw, 46px); letter-spacing: -0.03em; margin: 12px 0 14px; }
.rk-lead { font-size: clamp(15px, 1.7vw, 18px); color: var(--ink-2); line-height: 1.55; }

/* controls */
.rk-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; flex-wrap: wrap; }
.rk-search { position: relative; width: min(420px, 100%); }
.rk-search .search { height: 46px; font-size: 15px; padding-left: 44px; }
.rk-search .search-ic { left: 15px; }
.rk-control-right { display: flex; align-items: center; gap: 14px; }
.rk-count { font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-3); white-space: nowrap; }

.rk-status-row { display: flex; align-items: center; gap: 14px; margin: 16px 0 14px; flex-wrap: wrap; }

/* table specifics */
.rk-tbl thead th { position: static; top: auto; backdrop-filter: none; }
.rk-chains { font-family: var(--font-mono); font-size: 11px; color: var(--ink-3); margin-top: 2px; letter-spacing: -0.01em; }
.rk-namelink { display: block; }
.rk-namelink:hover .nm { color: var(--accent); }
.rk-cta-cell { white-space: nowrap; }
.rk-cta { height: 32px; padding: 0 14px; }
.rk-details { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-left: 12px; }
.rk-details:hover { color: var(--accent); }

.rk-note { margin-top: 22px; font-size: 12px; color: var(--ink-faint); line-height: 1.5; max-width: 80ch; }

/* keep the action column tidy on smaller screens (10 cols:
   1# 2Exchange 3Type 4Score 5Vol24h 6Vol7d 7TVL 8Taker 9MaxLev 10CTA) */
@media (max-width: 1300px){
  .rk-tbl th:nth-child(6), .rk-tbl td:nth-child(6) { display: none; }  /* 7d volume */
}
@media (max-width: 1040px){
  .rk-tbl th:nth-child(8), .rk-tbl td:nth-child(8) { display: none; }  /* taker */
}
@media (max-width: 880px){
  .rk-tbl th:nth-child(3), .rk-tbl td:nth-child(3) { display: none; }  /* type */
}
@media (max-width: 620px){
  .rk-tbl th:nth-child(9), .rk-tbl td:nth-child(9) { display: none; }  /* max lev */
  .rk-details { display: none; }
}