.article-filters a,
.topic-nav-link {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  color: #6f6f7a;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.article-filters a:hover,
.topic-nav-link:hover {
  background: #181821;
  color: #f2f2f5;
}

.article-filters a[aria-current="page"],
.topic-nav-link[aria-current="page"] {
  background: rgba(129, 140, 248, 0.2);
  color: #a5b4fc;
}

/*.pagination a,*/
/*.pagination span {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  box-sizing: border-box;*/
/*  min-width: 32px;*/
/*  height: 32px;*/
/*  padding: 0 8px;*/
/*  border-radius: 8px;*/
/*  color: #6f6f7a;*/
/*  font-size: 14px;*/
/*  text-decoration: none;*/
/*}*/

.pagination a:hover {
  background: rgba(129, 140, 248, 0.2);
  color: #a5b4fc;
}

.pagination [aria-current="page"] {
  color: #f2f2f5;
}

.pagination .is-disabled {
  opacity: 0.4;
}

.pagination p,
.pagination p span {
  display: inline;
  height: auto;
  min-width: 0;
  padding: 0;
  color: inherit;
}

.pagination p {
  color: #6f6f7a;
}

.pagination p span {
  color: #f2f2f5;
}

.search-page .article-desc {
  max-width: 720px;
  color: #9c9ca6;
  font-size: 16px;
  line-height: 24px;
}

.search-page .article-desc,
.search-page .article-grid,
.search-page .article-filters {
  margin-top: 24px;
}

.search-history-item button {
  width: 12px;
  height: 12px;
  background: #6f6f7a;
  -webkit-mask: url("images/close.png") center / 12px 12px no-repeat;
  mask: url("images/close.png") center / 12px 12px no-repeat;
}

.article-body h3,
.article-body h4 {
  margin: 32px 0 12px;
  color: #f2f2f5;
  font-weight: 600;
  scroll-margin-top: 88px;
}

.article-body img,
.article-body video {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.article-body a {
  color: #a5b4fc;
}

.article-body pre,
.article-body code {
  color: #f2f2f5;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.article-body pre {
  overflow: auto;
  margin: 16px 0 0;
  padding: 16px;
  border-radius: 12px;
  background: #181821;
}

.article-body blockquote {
  margin: 16px 0 0;
  padding-left: 16px;
  border-left: 2px solid #a5b4fc;
  color: #9c9ca6;
}

.article-body table {
  width: 100%;
  margin-top: 16px;
  border-collapse: collapse;
  color: #9c9ca6;
}

.article-body th,
.article-body td {
  padding: 8px 12px;
  border-bottom: 1px solid #25252f;
  text-align: left;
}

.article-meta a,
.article-related a {
  color: #9c9ca6;
}

.search-empty {
  grid-column: 1 / -1;
  min-height: 240px;
}