/* Native details keeps every topic reachable with keyboard, touch and without JavaScript. */
.blog-more-topics {
  flex-basis: 100%;
  min-width: 0;
}
.blog-more-topics > summary {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  list-style: none;
  border-color: rgba(60, 229, 105, .4);
}
.blog-more-topics > summary::-webkit-details-marker { display: none; }
.blog-more-topics > summary::after { content: '+'; margin-inline-start: 8px; }
.blog-more-topics[open] > summary::after { content: '−'; }
.blog-extra-topics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding-top: 12px;
}
.blog-filter-chip { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .blog-more-topics > summary { margin-inline: 0; }
  .blog-extra-topics { justify-content: flex-start; gap: 6px; }
}
