html { scroll-behavior: smooth; }
.brand { display: grid; gap: 0.15rem; font-weight: inherit; }
.brand strong { font-weight: 900; }
.brand span { font-size: 0.72rem; font-weight: 750; }
.listing > h1 { overflow-wrap: anywhere; font-size: clamp(2.45rem, 6vw, 5.2rem); }
.topic-breadcrumbs { justify-content: flex-start; margin-bottom: 2rem; font-size: 0.82rem; }
.topic-navigation { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 1.25rem; margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.topic-navigation > div:last-child { text-align: right; }
.topic-navigation__center { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.55rem 1rem; white-space: nowrap; }
.pagination { display: flex; justify-content: center; gap: 1rem 2rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.footer-intro > div { display: grid; gap: 0.35rem; }
.footer-intro > div p { margin: 0; }
@media (max-width: 760px) {
  .topic-navigation { grid-template-columns: 1fr; }
  .topic-navigation > div:last-child { text-align: left; }
  .topic-navigation__center { justify-content: flex-start; white-space: normal; }
  .pagination { justify-content: flex-start; flex-wrap: wrap; }
}