@media (max-width: 1023px) {
  header > div {
    flex-wrap: wrap;
  }

  header nav {
    display: flex !important;
    width: 100%;
    gap: 1rem;
    overflow-x: auto;
    padding: 0.5rem 0 0.25rem;
    scrollbar-width: thin;
  }

  header nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

header nav a.is-active {
  color: var(--primary);
}

main.prose-casino ul {
  list-style: disc;
  padding-left: 1.5rem;
}

main.prose-casino li {
  margin-top: 0.5rem;
  color: var(--muted-foreground);
}