/* Reuse the About disclosure styles, with room for full topic names. */
.blog-topics-menu[hidden] { display: none; }
.blog-topics-nav [data-blog-topics-toggle][hidden] { display: none; }
.blog-topic-label { min-width: 0; overflow-wrap: anywhere; }
.mobile-nav .blog-topics-menu a { align-items: flex-start; white-space: normal; }
.mobile-nav .blog-topics-menu .mnav-ic { flex-shrink: 0; margin-top: 0.15em; }
@media (min-width: 1024px) {
  .nav-desktop .blog-topics-nav.open::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: min(320px, calc(100vw - 32px));
    height: 12px;
    transform: translateX(-50%);
  }
  .nav-desktop .blog-topics-menu {
    width: min(320px, calc(100vw - 32px));
    max-height: min(480px, calc(100dvh - 120px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .nav-desktop .blog-topics-menu a { white-space: normal; line-height: 1.5; }
}