@import "tailwindcss";

@layer base {
  html {
    scroll-behavior: smooth;
  }
}

/* Styles for react-markdown content to restore browser defaults overridden by Tailwind Preflight */
.markdown-body ul {
  list-style-type: disc !important;
  padding-left: 1.25rem !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.markdown-body ol {
  list-style-type: decimal !important;
  padding-left: 1.25rem !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.markdown-body li {
  margin-bottom: 0.25rem !important;
  display: list-item !important;
}

.markdown-body strong, 
.markdown-body b {
  font-weight: 700 !important;
}

.markdown-body em, 
.markdown-body i {
  font-style: italic !important;
}

.markdown-body blockquote {
  border-left: 3px solid currentColor;
  padding-left: 1rem;
  margin: 1rem 0;
  opacity: 0.85;
}

.markdown-body a {
  text-decoration: underline;
  opacity: 0.9;
}

.markdown-body a:hover {
  opacity: 1;
}