/* Custom article wrapper styles */
.custom-article {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 20px;
    width: 100%;
}

/* Tighter gutters on small screens (matches theme mobile breakpoint ~768px) */
@media (max-width: 768px) {
    .custom-article {
        padding-left: 10px;
        padding-right: 10px;
    }
}

  /* Story hook spacing */
  .story-hook {
      /* margin-top: 2rem; */
  }

.story-hook--first {
    margin-top: 0 !important;
}

.quick-takeaway--first {
  margin-top: 0 !important;
}

/* TOC pop up scroll bar style for dark mode */
/* For WebKit browsers (Chrome, Safari, Edge) */
.dark .scrollbar-dark::-webkit-scrollbar {
  width: 8px;
}
.dark .scrollbar-dark::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 8px;
}
.dark .scrollbar-dark::-webkit-scrollbar-track {
  background: #1f2937;
}

/* For Firefox */
.dark .scrollbar-dark {
  scrollbar-color: #4b5563 #1f2937;
  scrollbar-width: thin;
}

/* Section content h3 spacing overrides */
div.section-content h3,
.section-content.secont h3 {
  margin: 20px 0 8px !important;
}

.section-content p {
  margin: 0 0 16px !important;
  margin-bottom: 0 !important;
}