*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', Inter, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

.prose-custom h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.prose-custom h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.prose-custom p {
    margin-bottom: 1rem;
}

.prose-custom ul, .prose-custom ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.prose-custom li {
    margin-bottom: 0.25rem;
}

.prose-custom table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.prose-custom th, .prose-custom td {
    border: 1px solid #DDE5DF;
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-size: 0.875rem;
}

.prose-custom th {
    background-color: #F6F8F7;
    font-weight: 600;
}

.prose-custom code {
    background-color: #F6F8F7;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.prose-custom pre {
    background-color: #F6F8F7;
    padding: 1rem;
    border-radius: 0.75rem;
    overflow-x: auto;
    margin-bottom: 1rem;
    border: 1px solid #DDE5DF;
}

.prose-custom blockquote {
    border-left: 4px solid #16A34A;
    padding-left: 1rem;
    color: #647067;
    font-style: italic;
    margin-bottom: 1rem;
}

.prose-custom a {
    color: #14532D;
    font-weight: 600;
    text-decoration: underline;
}

.prose-custom a:hover {
    color: #16A34A;
}

.faq-answer {
    transition: all 0.2s ease-in-out;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
    color: #17221B;
    font-weight: 700;
}

.article-content h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article-content h3 {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.article-content p {
    color: #647067;
    font-size: 1.0625rem;
    line-height: 1.75;
    margin-bottom: 1rem;
}

.article-content ul,
.article-content ol {
    color: #647067;
    font-size: 1.0625rem;
    line-height: 1.75;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.article-content li {
    margin-bottom: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}