[data-postlist-section] .postlist-filter-nav--enhanced {
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

[data-postlist-section] .postlist-filter-nav--enhanced::-webkit-scrollbar {
  height: 4px;
}

[data-postlist-section] .postlist-filter-nav--enhanced a[aria-current='page'] {
  border-color: var(--color-primary-500, #6366f1);
  background: color-mix(in srgb, var(--color-primary-500, #6366f1) 12%, transparent);
  color: var(--color-primary-500, #6366f1);
  font-weight: 500;
}

[data-postlist-section] .postlist-card--enhanced {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

[data-postlist-section] .postlist-card--enhanced:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

[data-postlist-section] nav[aria-label='Pagination'] a:focus-visible,
[data-postlist-section] nav[aria-label='Filter'] a:focus-visible {
  outline: 2px solid var(--color-primary-500, #6366f1);
  outline-offset: 2px;
}

[data-postlist-section] nav[aria-label='Pagination'] a[aria-current='page'] {
  border-color: var(--color-primary-500, #6366f1) !important;
  background: color-mix(in srgb, var(--color-primary-500, #6366f1) 12%, transparent) !important;
  color: var(--color-primary-500, #6366f1) !important;
  font-weight: 600;
}

[data-postlist-section] .page-markdown-content__body img,
[data-postlist-section] .postlist-card img {
  max-width: 100%;
  height: auto;
}