/* Sitewide image aspect ratio fix (Webflow-to-Next.js migration) */
img {
  height: auto;
}

/* jQuery-free CSS overrides for Webflow interactions */

/* Dropdown hover (replaces Webflow JS dropdown behavior) — scoped to navbar only */
.navbar-dropdown8_component.w-dropdown:hover > .w-dropdown-list,
.navbar-dropdown8_component.w-dropdown:focus-within > .w-dropdown-list {
  display: block;
  z-index: 5;
  background-color: var(--white);
  width: 18rem;
  margin-top: 2.3rem;
  padding: 0;
  inset: 0% 0% auto;
}

/* Tab cursor */
.w-tab-link {
  cursor: pointer;
}

/* Nav button cursor */
.w-nav-button {
  cursor: pointer;
}

/* Browse issues dropdown shadow + scrollable overflow */
.navbar-dropdown8_dropdown-list {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.navbar-dropdown8_dropdown-list::-webkit-scrollbar {
  width: 8px;
}
.navbar-dropdown8_dropdown-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.navbar-dropdown8_dropdown-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.navbar-dropdown8_dropdown-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media screen and (max-width: 767px) {
  .navbar-dropdown8_dropdown-list {
    max-height: none;
    overflow-y: visible;
  }
}

/* Sidebar images fill container width */
.article_ad-holder img {
  width: 100%;
  height: auto;
}

/* Inline photo captions in rich text (paragraphs immediately after images) */
.w-richtext figure figcaption,
.w-richtext img + br + em,
.text-rich-text.w-richtext p:has(> img) + p,
.text-rich-text.w-richtext figure + p {
  font-size: 0.85em;
  color: #666;
  margin-top: 0.25rem;
  line-height: 1.4;
}