/* The same complete timeline, scaled to fit the page and enlarged in a dialog. */
.journey-preview{display:block;width:100%;padding:24px 18px 18px;border:1px solid var(--line);background:white;color:var(--ink);cursor:zoom-in;text-align:center}
.journey-preview:hover{border-color:var(--blue)}
.journey-overview{display:block;position:relative;width:100%;overflow:hidden;pointer-events:none}
.journey-miniature{display:block;width:2048px;transform-origin:top left}
.journey-enlarge{display:inline-block;margin-top:12px;font-size:.9375rem;font-weight:600;color:#00658b;text-decoration:underline;text-underline-offset:4px}
#history .journey-dialog{width:96vw;max-width:2400px;max-height:92dvh;padding:28px}
#history .journey-dialog h2{margin:0;font-size:1.5rem}
.journey-dialog-hint{font-size:.875rem;margin:0 0 14px}
#history .journey-full .journey-scroll{overflow-x:auto;padding:16px 0}
#history .journey-full .journey-grid{display:grid;width:100%;min-width:2048px;grid-template-columns:repeat(11,minmax(180px,1fr)) 68px;grid-template-rows:auto 52px auto;row-gap:0}
#history .journey-full .journey-item{display:grid;grid-template-rows:subgrid;grid-row:1 / 4}
#history .journey-full .journey-date{font-size:1.5rem;grid-row:2}
#history .journey-full .journey-top,#history .journey-full .journey-bottom{display:flex;min-height:0;padding:20px 12px;gap:14px}
#history .journey-full .journey-grid p{font-size:1rem;line-height:1.5;overflow-wrap:normal}
#history .journey-full .journey-grid img,#history .journey-full .journey-sprite{max-height:170px}
#history .journey-full .journey-grid .journey-tall{width:86px;height:185px;max-height:185px}
#history .journey-full .journey-grid .journey-award{width:103px;height:132px}
@media(max-width:850px){#history .journey-dialog{padding:18px}}
@media(max-width:480px){.journey-preview{padding:18px 8px}}
@supports not (grid-template-rows:subgrid){#history .journey-full .journey-item{grid-template-rows:300px 52px 300px}}

/* End the timeline at the final year, without a trailing half-column. */
#history .journey-full .journey-item:last-child .journey-date{justify-content:flex-end}
#history .journey-full .journey-item:last-child .journey-date time{padding:0 0 0 10px}
#history .journey-full .journey-item:last-child .journey-top,#history .journey-full .journey-item:last-child .journey-bottom{padding-inline:0}