.selected-page { --font-serif: Georgia, "Times New Roman", serif; padding-bottom: 3rem; }
.selected-hero { padding: 2.5rem 0 2rem; border-bottom: 1px solid var(--line); }
.selected-hero h1 { font-family: var(--font-serif); font-weight: 400; }
.selected-hero p { max-width: 70ch; color: var(--muted); line-height: 1.7; }
.selected-jumps, .selected-route-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.cluster, #all-materials-title { scroll-margin-top: 96px; }
.cluster, .selected-all, .selected-contact { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.cluster h2, .selected-all h2 { font: 400 1.8rem/1.2 var(--font-serif); margin: 0 0 0.75rem; }
.cluster-intro, .cluster-description, .selected-all > p { max-width: 72ch; color: var(--muted); }
.cluster-grid, .selected-grid, .selected-all-grid { display: block; }
.work-card, .selected-card, .selected-all-card {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 1.4rem 0;
  color: var(--ink);
}
.work-card h3, .selected-card h3, .selected-all-card h3 { margin: 0.5rem 0; font: 400 1.45rem/1.25 var(--font-serif); max-width: 48ch; }
.work-card h3 a, .selected-card h3 a, .selected-all-card h3 a { color: inherit; text-decoration: none; }
.selected-card h3 a:hover, .selected-all-card h3 a:hover { text-decoration: underline; }
.work-card p, .selected-card p, .selected-all-card p { max-width: 78ch; line-height: 1.65; margin: 0.5rem 0; }
.work-meta, .work-role { font-size: 0.8125rem; color: var(--muted); }
.work-role-badge { color: var(--accent); font-weight: 600; }
.selected-meta, .selected-all-meta, .selected-all-role, .selected-all-cta, .selected-role, .selected-card-meta { font-size: 0.8125rem; color: var(--muted); }
.role-badge { border: 0; padding: 0; background: none; color: var(--accent); font-weight: 600; margin-right: 0.75rem; }
.selected-all-type { color: var(--muted); }
.selected-all-controls { margin-block: 1rem; }
.selected-all-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; }
.selected-all-filters .filter-btn { min-height: 44px; border-radius: 4px; padding: 0.5rem 0.8rem; box-shadow: none; background: transparent; color: var(--ink); border: 1px solid var(--line); }
.selected-all-filters .filter-btn.active { background: var(--ink); color: white; border-color: var(--ink); }
#selectedSearch { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-top: 1.5rem; }
#selectedQuery { min-height: 44px; min-width: 0; width: min(100%, 24rem); border: 1px solid var(--line); border-radius: 4px; padding: 0.65rem; font: inherit; background: white; }
#selectedSearch button { min-height: 44px; border: 1px solid var(--line); background: transparent; padding: 0.6rem 1rem; font: inherit; }
#selectedPagination { display: flex; gap: 0.5rem; margin-block: 1.5rem; }
#selectedPagination a { min-width: 44px; min-height: 44px; display: grid; place-items: center; border: 1px solid var(--line); }
#selectedPagination a[aria-current] { background: var(--ink); color: white; }
.archive-complete { margin-top: 2rem; padding-block: 1rem; border-top: 1px solid var(--line); }
.archive-complete summary { cursor: pointer; min-height: 44px; }
.archive-complete li { padding-block: 0.5rem; }
.archive-complete span { font-size: 0.8125rem; color: var(--muted); }
@media (max-width: 980px) { .cluster, #all-materials-title { scroll-margin-top: 128px; } }
@media (max-width: 600px) {
  .selected-hero { padding-top: 1.5rem; }
  .cluster h2, .selected-all h2 { font-size: 1.6rem; }
  .selected-card h3, .selected-all-card h3 { font-size: 1.3rem; }
}