/* Blog-specific styles for consistent formatting across all blog posts */
/* CTA Section - Reusable call-to-action styling for blog posts */
.blog-cta {
  background-color: #2d7310; /* bg-primary-800 - matches website's primary CTA color */
  color: white;
  padding: 1.5rem; /* p-6 */
  border-radius: 0.5rem; /* rounded-lg */
  text-align: center;
  margin: 2rem 0; /* my-8 */
}

.blog-cta h3 {
  font-size: 1.25rem; /* text-xl */
  font-weight: 600; /* font-semibold */
  margin-bottom: 1rem; /* mb-4 */
  color: white;
  margin-top: 0;
}

.blog-cta p {
  margin-bottom: 1.5rem; /* mb-6 */
  color: white;
  opacity: 0.9;
}

.blog-cta .cta-button {
  display: inline-block;
  background-color: white;
  color: #2d7310; /* text-primary-800 - matches website's primary color */
  padding: 0.75rem 1.5rem; /* px-6 py-3 */
  border-radius: 0.5rem; /* rounded-lg */
  font-weight: 600; /* font-semibold */
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.blog-cta .cta-button:hover {
  background-color: #f9fafb; /* hover:bg-gray-100 */
  color: #2d7310;
}