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

:root {
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}

html, body {
  overflow-x: hidden;
}

body {
  @apply bg-neutral-50 text-neutral-900 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-larcare h3 {
  @apply font-display text-xl text-neutral-900 mt-8 mb-2;
}
.prose-larcare p {
  @apply text-neutral-600 leading-relaxed mb-4;
}
.prose-larcare img {
  max-width: 100%;
  height: auto;
}
.prose-larcare table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.prose-larcare iframe {
  max-width: 100%;
}