@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  overflow-x: hidden;
}

body {
  @apply bg-bg text-ink font-body antialiased;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Rich text bodies rendered from CMS/API HTML fields */
.prose-allbets h3 {
  @apply font-display text-xl font-bold text-ink mt-8 mb-2;
}
.prose-allbets p {
  @apply text-neutral-700 leading-relaxed mb-4;
}
.prose-allbets img {
  max-width: 100%;
  height: auto;
}
.prose-allbets table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.prose-allbets iframe {
  max-width: 100%;
}