.desktop-nav > .nav-link.is-active {
  color: #fff;
}
.desktop-nav > .nav-link.is-active::after {
  transform: scaleX(1);
}

.content-tabs {
  align-items: stretch;
}
.sort-control[hidden] {
  display: none;
}
.content-tab {
  display: inline-flex;
  align-items: center;
  color: var(--muted);
  text-decoration: none;
}
.intro-copy {
  min-height: 3.2em;
}
.category-row {
  flex-wrap: wrap;
  overflow: visible;
}
.category-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.tag-button {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.tag-button.is-active {
  color: #fff;
  background: rgba(255, 53, 110, 0.18);
}
.topic-list button {
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: #aeb0b7;
  background: transparent;
  font-size: 11px;
  cursor: pointer;
}
.topic-list button:hover,
.topic-list button.is-active {
  color: #fff;
  border-color: rgba(255, 53, 110, 0.45);
}
.hero-search .search-clear {
  width: 32px;
  height: 32px;
  margin: 0 4px 0 0;
  padding: 0;
  border-radius: 50%;
  color: #8d9099;
  background: transparent;
  font-size: 18px;
  font-weight: 400;
}
.hero-search .search-clear:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.content-list[aria-busy='true'] {
  min-height: 120px;
  opacity: 0.55;
}
.page-button {
  text-decoration: none;
}
.page-direction {
  width: auto;
  min-width: 58px;
}
.page-button.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.knowledge-result-summary {
  min-height: 46px;
  padding: 18px 2px 10px;
  color: #858892;
  font-size: 12px;
}
.empty-action {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  color: #d9dae0;
  text-decoration: none;
}
.empty-action:hover {
  color: #fff;
  border-color: rgba(255, 53, 110, 0.55);
}

.js body[data-page='saved'] .saved-list .content-item,
.js body[data-page='search'] .search-list .content-item {
  display: none;
}
.js body[data-page='saved'] .saved-list .content-item.is-visible,
.js body[data-page='search'] .search-list .content-item.is-visible {
  display: grid;
}

.knowledge-detail {
  min-height: calc(100vh - var(--header-height));
}
.knowledge-detail .detail-shell {
  padding-top: 18px;
}
.knowledge-detail .detail-header {
  background: rgba(9, 10, 13, 0.96);
}
.knowledge-detail .back-button {
  text-decoration: none;
}
.knowledge-detail #detailContent {
  margin-inline: auto;
}
.knowledge-detail .detail-related {
  margin-inline: auto;
}
.knowledge-detail .detail-facts {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 28px 0;
  padding: 0 0 16px;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}
.knowledge-detail .detail-fact {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 0;
  background: transparent;
}
.knowledge-detail .detail-fact-label {
  flex: 0 0 auto;
  color: #777a84;
  font-size: 12px;
}
.knowledge-detail .detail-fact > a,
.knowledge-detail .detail-fact-links a {
  color: #d6d7dc;
  font-size: 13px;
  text-decoration: none;
}
.knowledge-detail .detail-fact > a:hover,
.knowledge-detail .detail-fact-links a:hover {
  color: #ff759f;
}
.knowledge-detail .detail-fact-divider {
  width: 3px;
  height: 3px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #555861;
}
.knowledge-detail .detail-fact-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  padding: 0;
  background: transparent;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 24px;
  color: #6f727b;
  font-size: 11px;
}
.breadcrumb a {
  color: #8f929b;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: #fff;
}
.knowledge-detail .detail-section a {
  color: #ff759f;
}

.offline-page .detail-shell {
  display: grid;
  min-height: calc(100vh - var(--header-height) - 120px);
  place-items: center;
}
.offline-state {
  width: min(100%, 620px);
  padding: 72px 24px;
  text-align: center;
}
.offline-state h1 {
  margin: 12px 0 18px;
  color: #f4f4f6;
  font-size: 42px;
  font-weight: 650;
  letter-spacing: 0;
}
.offline-state > p:not(.eyebrow):not(.offline-countdown) {
  margin: 0 auto;
  max-width: 480px;
  color: #a6a8b0;
  font-size: 15px;
  line-height: 1.8;
}
.offline-countdown {
  margin: 24px 0 18px;
  color: #777a84;
  font-size: 13px;
}
.offline-countdown strong {
  display: inline-block;
  min-width: 1.2em;
  color: #ff759f;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}
.offline-return {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 10px;
  padding: 0 18px;
  border: 1px solid rgba(255, 53, 110, 0.55);
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}
.offline-return:hover {
  border-color: #ff356e;
  background: rgba(255, 53, 110, 0.08);
}

@media (max-width: 640px) {
  .intro-copy {
    min-height: 4.8em;
  }
  .content-tabs {
    overflow-x: auto;
  }
  .content-tab {
    flex: 0 0 auto;
  }
  .pagination {
    flex-wrap: wrap;
  }
  .breadcrumb {
    margin-bottom: 18px;
  }
  .knowledge-detail .detail-facts {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .knowledge-detail .detail-fact {
    align-items: flex-start;
  }
  .knowledge-detail .detail-fact-label {
    width: 58px;
  }
  .knowledge-detail .detail-fact-divider {
    display: none;
  }
  .offline-state {
    padding: 52px 18px;
  }
  .offline-state h1 {
    font-size: 32px;
  }
}