/* Shared archive-system typography. Project titles and narrative copy stay page-specific. */
:root {
  --portfolio-system-print: "American Typewriter", "Courier New", Courier, "Songti SC", STSong, monospace;
  --portfolio-system-print-cn: "Songti SC", STSong, serif;
  --portfolio-display-print: "American Typewriter", "Courier New", Courier, "Songti SC", STSong, monospace;
}

:where(
  .topline,
  .archive-head .instruction,
  .archive-head p,
  .archive-aside .count,
  .preview-head .count,
  .preview-label,
  .box-stage-copy,
  .cover-foot,
  .case-transition,
  .folder .tab,
  .folder .row-meta,
  .carton-label,
  .hint,
  .case-id,
  .case-type,
  .case-actions,
  .close-dialog,
  .record-nav,
  .file-tab,
  .meta-grid,
  .sheet-header,
  .sheet-footer,
  .evidence-footer,
  .continue-link,
  .file-nav,
  .archive-return,
  .page-nav,
  .route-rail,
  .screen-index,
  .page-kicker,
  .kicker,
  .eyebrow,
  .file-number,
  .file-no,
  .facts,
  .meta,
  .ticket-meta,
  .hero-meta,
  .credit-row,
  .projection-head,
  .film-strip figcaption,
  .frame figcaption,
  .photo figcaption,
  .contact-sheet::before,
  .contact-shot figcaption,
  .exit-wash
) {
  font-family: var(--portfolio-system-print) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
  text-rendering: optimizeLegibility;
  filter: url("ink-print-filter.svg#ink-soft");
  font-synthesis: none;
}

:where(
  .topbar,
  .record-head,
  .projection-head,
  .section-head,
  .section-label,
  .record-code,
  .video-caption,
  .screening,
  .stage-head,
  .bench-head,
  .test-caption
) {
  font-family: var(--portfolio-system-print) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
  text-rendering: optimizeLegibility;
  filter: url("ink-print-filter.svg#ink-soft");
}

:where(
  .topline,
  .archive-head,
  .preview-head,
  .preview-label,
  .folder,
  .carton-label,
  .hint,
  .case-copy,
  .record-nav,
  .file-tab,
  .meta-grid,
  .sheet-header,
  .sheet-footer,
  .evidence-footer,
  .file-nav,
  .archive-return,
  .page-nav,
  .route-rail,
  .screen-index,
  .page-kicker,
  .kicker,
  .eyebrow,
  .file-number,
  .file-no,
  .facts,
  .meta,
  .ticket-meta,
  .hero-meta,
  .credit-row
) :lang(zh-CN) {
  font-family: var(--portfolio-system-print-cn) !important;
  letter-spacing: .08em;
}

:where(.topbar, .file-nav, .record-nav, .archive-return, .page-nav) {
  font-family: var(--portfolio-system-print) !important;
  font-synthesis: none;
}

/* A restrained ink gain: visible on labels without muddying body copy. */
:where(
  .file-nav,
  .archive-return,
  .page-nav,
  .route-rail,
  .screen-index,
  .folder .tab,
  .folder .row-meta,
  .page-kicker,
  .kicker,
  .eyebrow,
  .file-number,
  .file-no
) {
  text-shadow:
    .018em 0 currentColor,
    -.012em .006em color-mix(in srgb, currentColor 34%, transparent);
}

/* The archive directory heading carries the stronger letterpress impression. */
.archive-head h2 {
  font-family: var(--portfolio-display-print) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
  filter: url("ink-print-filter.svg#ink-display");
  white-space: nowrap;
  overflow: visible;
  text-shadow:
    .022em .006em 0 color-mix(in srgb, currentColor 68%, transparent),
    -.014em 0 0 color-mix(in srgb, currentColor 42%, transparent);
}