/* v45: permanent article (P) and note (Z) numbers. */
:root {
  --catalog-index-width: 82px;
}

.recent-number,
.starred-number,
.index-post-number,
.series-card-no,
.entry-index,
.search-result > span,
.mark-row > span,
.essay-catalog-number,
.zhaiji-review-theme,
.zhaiji-meta {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.recent-number,
.starred-number,
.index-post-number {
  color: var(--text-muted);
  font: 400 11px/1.4 var(--font-mono);
  white-space: nowrap;
}

.recent-link,
.index-post-link {
  grid-template-columns: 84px minmax(0, 1fr);
}

.starred-number {
  flex: 0 0 68px;
}

.entry-index,
.search-result > span,
.mark-row > span,
.series-card-no,
.essay-catalog-number {
  white-space: nowrap;
}

.zhaiji-review-theme,
.zhaiji-meta {
  font-family: var(--font-mono);
}

@media (max-width: 760px) {
  :root {
    --catalog-index-width: 74px;
  }

  .recent-link,
  .index-post-link {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: var(--space-2);
  }

  .recent-number,
  .starred-number,
  .index-post-number,
  .entry-index,
  .search-result > span,
  .mark-row > span {
    font-size: 10px;
  }
}

@media print {
  .recent-number,
  .starred-number,
  .index-post-number,
  .entry-index,
  .essay-catalog-number,
  .zhaiji-meta {
    color: var(--print-muted);
  }
}