@import url('https://cdn.jsdelivr.net/npm/tailwindcss@3.4.10/dist/tailwind.min.css');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
* {
  font-family: 'Poppins', sans-serif;
}

a {
  text-decoration: none;
}

.jost-font {
  font-family: "Jost", sans-serif!important;
  font-optical-sizing: auto!important;
}

ul {
  list-style: none;
}

.prose {
  max-width: 100%;
}

.prose p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose p + p {
  margin-top: 0.5rem;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  font-weight: 600;
  line-height: 1.2;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.prose ul {
  list-style: disc;
  list-style-position: outside;
  margin: 1rem 0;
  padding-left: 1.5rem;
}

.prose ol {
  list-style: decimal;
  list-style-position: outside;
  margin: 1rem 0;
  padding-left: 1.5rem;
}

.prose li {
  margin-bottom: 0.5rem;
}

.prose blockquote {
  border-left: 4px solid rgba(0, 0, 0, 0.1);
  padding-left: 1rem;
  color: rgba(55, 65, 81, 1);
  margin: 1.5rem 0;
  font-style: italic;
}

.prose img,
.prose video {
  max-width: 100%;
  height: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose table {
  max-width: 100%;
  overflow-x: auto;
}

.prose * {
  overflow-wrap: break-word;
  word-break: break-word;
}

.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
