.dh-disease-nav { position: relative; width: 270px; font: inherit; z-index: 50; }
.dh-disease-nav *, .dh-disease-nav *::before, .dh-disease-nav *::after { box-sizing: border-box; }
.dh-disease-nav summary { cursor: pointer; list-style: none; }
.dh-disease-nav summary::-webkit-details-marker { display: none; }
.dh-disease-nav__outer > summary { display: flex; align-items: center; width: 270px; height: 52px; padding: 10px 15px; background: #439665; color: #fff; font-size: 15px; font-weight: 600; }
.dh-disease-nav__outer > summary::before { content: '☰'; margin-right: 13px; font-size: 18px; font-weight: 400; }
.dh-disease-nav__outer > summary::after { content: '⌄'; margin-left: auto; font-size: 18px; font-weight: 400; }
.dh-disease-nav__outer > summary:focus-visible, .dh-disease-nav button:focus-visible, .dh-disease-nav a:focus-visible, .dh-disease-nav__group > summary:focus-visible { outline: 3px solid #f4b544; outline-offset: -3px; }
.dh-disease-nav__panel { position: absolute; top: 100%; left: 0; display: flex; width: 270px; height: var(--dh-panel-height, 505px); background: #fff; color: #333; border: 1px solid #e6e6e6; box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.dh-disease-nav__panel.is-expanded { width: min(1120px, calc(100vw - 70px)); }
.dh-disease-nav__desktop-list { flex: 0 0 269px; height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.dh-disease-nav__root { display: flex; align-items: center; width: 100%; min-height: 45px; padding: 10px 18px; background: #fff; color: #333; border: 0; border-bottom: 1px solid #eee; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.dh-disease-nav__root::after { content: '›'; margin-left: auto; color: #aaa; font-size: 19px; line-height: 1; }
.dh-disease-nav__root:hover, .dh-disease-nav__root.is-active { background: #f6f6f6; color: #439665; }
.dh-disease-nav__desktop-flyouts { display: none; flex: 1 1 auto; min-width: 0; height: 100%; border-left: 1px solid #eee; }
.dh-disease-nav__panel.is-expanded .dh-disease-nav__desktop-flyouts { display: block; }
.dh-disease-nav__flyout { height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 22px 24px; }
.dh-disease-nav__flyout[hidden] { display: none; }
.dh-disease-nav__all { display: block; margin-bottom: 18px; font-weight: 600; color: #333; text-decoration: none; }
.dh-disease-nav__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-content: start; gap: 22px 18px; }
.dh-disease-nav__column { min-width: 0; }
.dh-disease-nav__column a { display: block; margin-bottom: 9px; color: #333; text-decoration: none; overflow-wrap: anywhere; }
.dh-disease-nav__column a:hover, .dh-disease-nav__all:hover { color: #439665; }
.dh-disease-nav__column > a:first-child { font-weight: 600; }
.dh-disease-nav__third { padding-left: 10px; font-size: .92em; color: #666 !important; }
.dh-disease-nav__third:hover { color: #439665 !important; }
.dh-disease-nav__mobile-list { display: none; }
@media (min-width: 1025px) and (max-width: 1199px) {
  .dh-disease-nav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1024px), (hover: none) {
  .dh-disease-nav, .dh-disease-nav__outer > summary { width: 100%; }
  .dh-disease-nav__panel, .dh-disease-nav__panel.is-expanded { position: static; display: block; width: 100%; height: auto; max-height: 70vh; overflow-y: auto; overscroll-behavior: contain; box-shadow: none; }
  .dh-disease-nav__desktop-list, .dh-disease-nav__desktop-flyouts { display: none !important; }
  .dh-disease-nav__mobile-list { display: block; }
  .dh-disease-nav__group > summary { display: flex; align-items: center; min-height: 45px; padding: 10px 16px; border-bottom: 1px solid #eee; }
  .dh-disease-nav__group > summary::after { content: '›'; margin-left: auto; color: #aaa; font-size: 19px; }
  .dh-disease-nav__group[open] > summary { background: #f6f6f6; color: #439665; }
  .dh-disease-nav__submenu { padding: 15px 20px; border-bottom: 1px solid #eee; }
  .dh-disease-nav__grid { display: block; }
  .dh-disease-nav__column { margin: 16px 0; }
  .mobile-nav .dh-original-categories-menu { display: none !important; }
  .mobile-nav .dh-disease-nav__drawer-slot { display: none; }
  .mobile-nav .dh-disease-nav__drawer-slot.wd-active { display: block; }
  .mobile-nav .dh-disease-nav__outer > summary { display: none; }
  .mobile-nav .dh-disease-nav__panel { max-height: none; overflow: visible; border: 0; }
}