/* Extracted from betting(10).html, inline style #1 */
html { scroll-behavior: smooth; }
  body { overflow-x: hidden; }
  input, select, button, a { touch-action: manipulation; }
  table { border-collapse: collapse; }

  @media (max-width: 768px) {
    .max-w-7xl { max-width: 100% !important; padding: .75rem !important; }
    h1.text-4xl { font-size: 1.65rem !important; line-height: 1.15 !important; }
    h2.text-2xl { font-size: 1.25rem !important; }
    h3.text-xl { font-size: 1.05rem !important; }
    .text-4xl { font-size: 2rem !important; }
    .text-3xl { font-size: 1.65rem !important; }
    .p-6 { padding: 1rem !important; }
    .p-5 { padding: .95rem !important; }
    .gap-6 { gap: 1rem !important; }
    .gap-4 { gap: .75rem !important; }
    .rounded-2xl { border-radius: 1rem !important; }
    .rounded-xl { border-radius: .8rem !important; }

    .flex.flex-wrap.items-center.justify-between,
    .flex.flex-wrap.items-end.gap-4.justify-between {
      align-items: stretch !important;
    }

    input, select, button, a {
      font-size: 16px !important;
    }

    nav.grid {
      display: flex !important;
      overflow-x: auto;
      gap: .55rem !important;
      padding-bottom: .45rem;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }

    nav.grid .bettingTabBtn {
      min-width: max-content;
      white-space: nowrap;
      padding: .75rem .9rem !important;
      font-size: .85rem !important;
    }

    .grid,
    .grid.grid-cols-1,
    .grid.md\:grid-cols-4,
    .grid.md\:grid-cols-2,
    .grid.lg\:grid-cols-3,
    .grid.lg\:grid-cols-2 {
      grid-template-columns: 1fr !important;
    }

    .lg\:col-span-1,
    .lg\:col-span-2 {
      grid-column: auto !important;
    }

    .overflow-x-auto {
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      border-radius: .9rem;
    }

    table {
      font-size: .82rem !important;
    }

    th, td {
      padding: .65rem !important;
      white-space: nowrap;
    }

    #markets .grid.grid-cols-3,
    #oddsPreview + .grid,
    .min-w-\[330px\] {
      min-width: 100% !important;
    }

    #markets .grid.grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 420px) {
    h1.text-4xl { font-size: 1.45rem !important; }
    nav.grid .bettingTabBtn { font-size: .78rem !important; padding: .65rem .8rem !important; }
    table { font-size: .76rem !important; }
  }