.timeline-search {
  display: grid;
  grid-template-columns: minmax(12rem, 1.65fr) minmax(11rem, 1fr) auto auto;
  align-items: end;
  gap: .65rem 1rem;
  padding: 1rem 0 1.25rem;
  margin-block: .5rem 1.4rem;
  border-block: 1px solid var(--rule);
  scroll-margin-block-start: 1rem;
}
.timeline-search label { min-width: 0; font-weight: 700; }
.timeline-search input, .timeline-search select { width: 100%; min-width: 0; background: var(--white); }
.timeline-search button, .timeline-search > a { min-block-size: 48px; align-content: center; }
.timeline-search > a, .match-links a, .match-exits a, .match-year h3 a { text-underline-offset: .2em; }
.journey-finder { padding-block-start: clamp(28px, 4vw, 64px); }
.match-count { margin-block: 1.25rem 1rem; font-size: 1.05rem; }
.match-count bdi { margin-inline-start: .4em; font-weight: 700; }
.match-year { display: grid; grid-template-columns: minmax(7rem,.45fr) minmax(0,1.55fr); gap: clamp(1rem,4vw,4.5rem); padding-block: 1.2rem 2.5rem; border-block-start: 1px solid var(--ink); }
.match-year h2 { font-size: clamp(2.25rem,4.6vw,4.8rem); line-height: 1.2; }
.match-year ol { list-style: none; margin: 0; padding: 0; }
.match-year li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.1rem; padding-block: 1.1rem; }
.match-year li + li { border-block-start: 1px solid var(--rule); }
.match-year li:first-child { padding-block-start: 0; }
.match-year li > div { grid-column: 1; grid-row: 1; min-width: 0; }
.match-year li > img { grid-column: 2; grid-row: 1; width: clamp(62px,8vw,115px); height: auto; align-self: start; }
.match-year h3 { margin: 0; font-size: clamp(1.35rem,2.2vw,2rem); }
.match-year h3 a { text-decoration-thickness: 1px; }
.match-year p { margin: .35rem 0; line-height: 1.55; }
.match-year .match-date { margin: 0 0 .3rem; font-size: 1rem; color: var(--muted); }
.match-links, .match-exits { display:flex;align-items:center;flex-wrap:wrap;gap:0 1.1rem; }
.match-links a, .match-exits a { display:inline-flex;align-items:center;min-height:44px; }
.match-links a { font-size: 1rem; }
.match-links a:is(:hover,:focus-visible), .match-year h3 a:is(:hover,:focus-visible) { text-decoration-thickness: 2px; }
.match-exits { border-block-start: 1px solid var(--rule); padding-block-start:.6rem; }
.match-empty { padding-block:1.5rem 3rem; }
.match-empty h2 { margin-block-end:.5rem; }
@media (max-width: 740px) {
  .timeline-search { grid-template-columns: minmax(0,1fr) auto; }
  .timeline-search label:first-child { grid-column: 1/-1; }
  .timeline-search > a { grid-column: 1/-1; min-height:44px; }
  .match-year { grid-template-columns: 1fr; gap: .85rem; }
  .match-year li { gap: .65rem; }
  .match-year li > img { width: 58px; }
}
.timeline-credentials { margin-block: 0 1rem; padding-block: .5rem; border-block-start: 1px solid var(--rule); }
.timeline-credentials summary { cursor:pointer; font-weight:700; padding-block:.7rem; }
.timeline-credentials small { display:block; color:var(--muted); }
.timeline-credentials li + li { margin-top:.7rem; }
.match-head, .match-year-links { display:flex; align-items:center; flex-wrap:wrap; gap:0 1rem; }
.match-head { justify-content:space-between; }
.match-year-links a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:.2em; }
.match-year { scroll-margin-block-start:1rem; }