/* THE ROUND TRIP: the clock and the road, the two graphics this page adds. */
.clock{background:var(--navy-800);border:1px solid var(--line);padding:1rem;max-width:52rem;margin:0 0 1.2rem}
.clock .pick{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.clock .pick button{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;min-height:44px;padding:.5rem .75rem;background:transparent;color:#d6dfeb;border:1px solid #3b5677;cursor:pointer}
.clock .pick button[aria-pressed=true]{background:var(--gold);color:#0d1b2e;border-color:var(--gold);font-weight:600}
.clock .track{display:flex;height:3.4rem;background:#0a1525;border:1px solid #3b5677}
.clock .seg{display:flex;align-items:center;justify-content:center;font-family:var(--chyron);font-weight:700;font-size:1.25rem;color:#0d1b2e;min-width:0;overflow:hidden;white-space:nowrap;transition:width .35s ease}
.clock .a{background:var(--gold)}.clock .b{background:#ff8a99}
.clock .read{font-family:var(--chyron);font-size:1.5rem;font-weight:600;color:#fff;margin:.8rem 0 .1rem}
.clock .note{margin:0;color:#c4d0df;font-size:1rem}
.road{list-style:none;margin:0 0 1.2rem;padding:0;max-width:52rem;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.road li{background:var(--navy-800);padding:.8rem 1rem;display:grid;grid-template-columns:5.2rem 1fr;gap:.2rem .9rem;align-items:baseline}
.road .t{font-family:var(--chyron);font-size:1.5rem;font-weight:700;color:var(--gold-lit)}
.road .none{color:#ff8a99;font-size:1.05rem}
.road b{color:#fff}.road span.d{color:#c4d0df;display:block}
.split{max-width:52rem;margin:0 0 1.2rem;background:var(--navy-800);border:1px solid var(--line);padding:1rem}
.split h3{font-family:var(--chyron);font-size:1.25rem;color:#fff;margin:0 0 .35rem}
.bar{display:flex;height:2.3rem;margin-bottom:.35rem}
.bar i{display:flex;align-items:center;justify-content:center;font:600 .7rem var(--mono);font-style:normal;color:#0d1b2e;overflow:hidden;white-space:nowrap}
.bar .p{background:#ff8a99}.bar .v{background:var(--gold)}.bar .f{background:#9fb3cc}
.split p{margin:.1rem 0 .9rem;color:#c4d0df;font-size:1rem}
.rtcmp{width:100%;max-width:52rem;border-collapse:collapse;margin:0 0 1.2rem;font-size:1rem}
.rtcmp th,.rtcmp td{border:1px solid var(--line);padding:.55rem .6rem;text-align:left;vertical-align:top}
.rtcmp thead th{font:500 .66rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#93a8c2}
.rtcmp td.num{font-family:var(--mono);white-space:nowrap}
.cite{font:400 .68rem var(--mono);letter-spacing:.04em;color:#93a8c2;display:block;margin-top:.15rem}
@media(prefers-reduced-motion:reduce){.clock .seg{transition:none}}
@media(max-width:30rem){.road li{grid-template-columns:1fr}.rtcmp{font-size:.92rem}}
.rtcmp{table-layout:fixed;overflow-wrap:anywhere}
.rtcmp td.num{white-space:normal}
.stage-art{object-position:78% 45%}
.rtcmp{background:var(--navy-800);color:#dbe4ef}
.rtcmp th{color:#fff;background:var(--navy-700);font-weight:600}
.rtcmp thead th{background:var(--navy-800);overflow-wrap:normal;letter-spacing:.03em;font-size:.62rem}
.rtcmp tbody tr td,.rtcmp tbody tr:nth-child(even) td{background:var(--navy-800);color:#dbe4ef}
/* the sheet: hero band shown whole, panels whole */
.stage picture{display:block}
.stage-art{aspect-ratio:auto;object-fit:contain;object-position:center}
#days>figure.plate{margin:0 0 1.2rem;max-width:52rem}