/* ==========================================================================
   service-payouts.html — page-specific styles (tokens only)
   ========================================================================== */

/* Settlement table: cells start on the page grid (column + gutter), scrolls inside .table-wrap on phones */
.payouts-schedule .table th:nth-child(-n+3),
.payouts-schedule .table td:nth-child(-n+3) { width: 25.4%; } /* = one grid column + gutter (345 / 1360) */
.payouts-schedule .table .num { display: inline-block; margin-bottom: 6px; }

/* API band (dark): the code sample reads as a bordered panel on black */
.payouts-api .code { border: 1px solid var(--white-20); }
.payouts-api .check-item { color: var(--white); }

@media (max-width: 1023px) {
  .payouts-schedule .table th:nth-child(-n+3),
  .payouts-schedule .table td:nth-child(-n+3) { width: auto; }
}

@media (max-width: 639px) {
  .payouts-schedule .table { min-width: 640px; }
  .payouts-schedule .table th:first-child,
  .payouts-schedule .table td:first-child { width: 96px; }
  .payouts-api .code { font-size: 12px; padding: 20px 16px; }
}