/* Custom typography overrides for post content */

.post-content {
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system, system-ui,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    "Liberation Sans", sans-serif;
  font-weight: 400;
}

.post-content b,
.post-content strong {
  font-weight: 700;
}

/* Category directory widget in single post sidebar */
.sidebar .widget-post-directory {
  margin-bottom: 1.5rem;
}

.sidebar .widget-post-directory .widget-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  position: relative;
}

.sidebar .widget-post-directory .widget-title::after {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  margin-top: 0.35rem;
  background-color: var(--ri-primary, #2163e8);
  border-radius: 999px;
}

.sidebar .widget-post-directory .post-directory-list {
  max-height: 420px;
  overflow-y: auto;
  margin: 0;
  padding-left: 0.5rem;
  list-style: none;
  border-left: 1px solid var(--ri-gray-200, #f0f1f3);
}

.sidebar .widget-post-directory .post-directory-item {
  position: relative;
  margin-bottom: 0.3rem;
  padding-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.4;
}

.sidebar .widget-post-directory .post-directory-item::before {
  content: none;
}

.sidebar .widget-post-directory .post-directory-item a {
  display: inline;
  color: inherit;
  text-decoration: none;
}

.sidebar .widget-post-directory .post-directory-item a:hover {
  color: var(--ri-primary, #2163e8);
}

.sidebar .widget-post-directory .post-directory-item.current-post {
  font-weight: 600;
  color: var(--ri-primary, #2163e8);
}

.sidebar .widget-post-directory .post-directory-item.current-post::before {
  background-color: var(--ri-primary, #2163e8);
  transform: scale(1.1);
}

.sidebar .widget-post-directory .post-directory-index {
  display: inline-block;
  min-width: 1.5rem;
  margin-right: 0.25rem;
  font-size: 0.75rem;
  color: var(--ri-secondary-color, #595d69);
}

.sidebar .widget-post-directory .post-directory-item.current-post .post-directory-index {
  color: var(--ri-primary, #2163e8);
}

.sidebar .widget-post-directory .post-directory-title {
  vertical-align: middle;
}