/* Overseas pathways board: compact rows, so more routes fit on one screen (Jacob, 6 Oct 2026).
   The road keeps its full 26px bar; the text around it is trimmed to one line each.
   Loaded by viewPathways only, so the printable plan's stylesheets (and the example PDFs) never change. */
.pw-main .pwt-board .pwt-row { padding: 7px 0; }
.pw-main .pwt-board-fold .pwt-item > summary.pwt-row { padding: 7px 30px 7px 0; }
.pw-main .pwt-board .pwt-name b { font-size: .92rem; }
/* years: on wide screens the big figure only; "years to moving" stays for screen readers, and the column head says Years */
.pw-main .pwt-board .pwt-years b { font-size: 1.45rem; }
@media (min-width: 1200px) { .pw-main .pwt-board .pwt-years small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
/* the count: badge and number on one line, the measure on one line under it; the trend lives in the measure's tooltip */
.pw-main .pwt-board .pwt-ev { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1px 8px; }
.pw-main .pwt-board .pwt-ev .trodden { margin: 0; }
.pw-main .pwt-board .pwt-ev .pwt-num { grid-column: 2; font-size: .9rem; }
.pw-main .pwt-board .pwt-ev .trodden + .pwt-num { grid-column: auto; }
.pw-main .pwt-board .pwt-ev .pwt-measure { grid-column: 1 / -1; -webkit-line-clamp: 1; line-clamp: 1; }
.pw-main .pwt-board .pwt-ev .pwt-trend { display: none !important; }
.pw-main .pwt-board .pwt-ev .pwt-none { grid-column: 1 / -1; }

@media (max-width: 1199px) {
  .pw-main .pwt-board .pwt-row { gap: 6px 18px; }
}
@media (max-width: 720px) {
  /* phones: name and years on one line, the road under them, the count in one line under the road */
  /* three tidy lines: the route and its years, the road, then the count (what was counted is one tap away on the career's page) */
  .pw-main .pwt-board .pwt-row { gap: 6px 12px; padding: 10px 0; align-items: start; }
  .pw-main .pwt-board .pwt-name b { font-size: .9rem; line-height: 1.3; }
  .pw-main .pwt-board .pwt-years b { font: 700 .82rem/1.3 var(--font); color: var(--ink-2); white-space: nowrap; }
  .pw-main .pwt-board .pwt-years b::after { content: " yrs" / ""; font-weight: 600; }
  .pw-main .pwt-board .pwt-years small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .pw-main .pwt-board .pwt-ev .trodden ~ .pwt-measure { display: none !important; }
  .pw-main .pwt-board .pwt-ev .pwt-num { font-size: .82rem; }
  .pw-main .pwt-board .pwt-ev .pwt-measure, .pw-main .pwt-board .pwt-ev .pwt-none { font-size: .74rem; }
}