/* Keep the same rolling years on every screen; reduce their size on phones. */
.rh-archive:not(.rh-dates-ready) .rh-static-year{visibility:visible}
.rh-archive .rh-archive-project,.rh-archive .rh-archive-next{border-top:0!important}
.history-ready:not(.history-dates-active) .history .year{visibility:visible}
.rh-archive .rh-archive-year,.history-year-rail{background:transparent!important;border:0!important}
.history .year small,.history-year-rail .year small{text-transform:uppercase;overflow-wrap:anywhere}
@media(max-width:700px){
 .rh-archive .rh-archive-year{display:flex;left:0;right:0;top:128px;z-index:5;box-sizing:border-box;padding:8px 5%;background:#fff;font-size:56px;line-height:1.12;max-width:100%;}
 .rh-archive.rh-dates-ready .rh-static-year{visibility:hidden;font-size:56px;margin-bottom:24px}
 .history-year-rail{top:var(--rh-date-top,128px);z-index:5;box-sizing:border-box;max-width:100%;background:#fff}
 .history .year,.history-year-rail .year{font-size:56px}
 .history .chapter{scroll-margin-top:220px}
 .rh-archive-project{scroll-margin-top:220px}
 .history .chapter,.history .chapter.quiet{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:12px}
 .history-year-rail{left:25px;right:auto;width:120px!important;max-width:120px;padding:0}
 .history-year-rail .year{display:block}
 .history-year-rail .year small{margin-top:12px}
 .history-year-rail .range{display:block;margin-left:0}
 .history .story figure{max-width:100%;margin-left:0;margin-right:0}
 .history .story img{max-width:100%;height:auto;min-height:0}
 .rh-archive .rh-archive-project{grid-template-columns:120px minmax(0,1fr);gap:12px}
 .rh-archive .rh-archive-year{left:5%;right:auto;width:120px;max-width:120px;padding:0}
 .rh-archive .rh-static-year{font-size:56px}
}
@media(prefers-reduced-motion:reduce){.rh-archive-year,.rh-roll{transition:none;animation:none}}