/* Global typography & micro-interactions */
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Inter', sans-serif;
  color: #263238; /* deep charcoal neutral-dark default */
  background-color: #FFFFFF;
}
.site {
  overflow-x: hidden;
}
main {
  display: block;
}
/* Keep fixed header from overlapping admin bar in logged-in state */
.admin-bar header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar header {
    top: 46px;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

/* Animation utilities for fallback (if needed) */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

/* WordPress content area defaults */
.content p {
  margin-bottom: 1rem;
  line-height: 1.75;
}
.content ul,
.content ol {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}
.content a {
  color: #2E7D32;
}

/* Professional Typography styles for Blog & Single Post content */
.prose {
  font-family: 'Inter', sans-serif;
  color: #455A64; /* neutral-medium */
}
.prose p {
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
.prose p:last-child {
  margin-bottom: 0;
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  font-family: 'Outfit', sans-serif;
  color: #263238; /* neutral-dark */
  font-weight: 700;
  line-height: 1.35;
}
.prose h3 {
  font-size: 1.35rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.prose h4 {
  font-size: 1.15rem;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}
.prose strong {
  color: #263238; /* neutral-dark */
  font-weight: 600;
}
.prose ul {
  list-style-type: disc;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.prose ol {
  list-style-type: decimal;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.prose li {
  margin-bottom: 0.5rem;
  line-height: 1.75;
}
.prose blockquote {
  border-left: 4px solid #2E7D32; /* primary */
  padding-left: 1.25rem;
  font-style: italic;
  margin: 1.5rem 0;
}