/* Readable seasonal navigation shared by the homepage and seasonal hubs. */
.home-timeline{background:linear-gradient(110deg,#fff2e6,#fff8f1);border-block:1px solid #e7c3a7;color:#30271f}
.home-timeline .home-timeline-inner{padding-block:13px 15px}
.home-timeline .home-timeline-status{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 12px;margin:0 0 11px;font-size:13px;line-height:1.4}
.home-timeline-status>strong{padding:4px 10px;border:1px solid #e8b491;border-radius:20px;background:#ffdfc7;font-size:12px;font-weight:700;color:#723411}
.home-timeline-status>span{color:#59412f;font-weight:500}
.home-timeline .home-timeline-phases{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-height:0;margin:0;padding:0}
.home-timeline .home-timeline-phases>li{position:relative;min-width:0}
.home-timeline .home-timeline-phases>li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 12px);right:calc(-50% + 12px);top:9px;height:2px;background:#b77850}
.home-timeline .home-timeline-phases a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:relative;z-index:1;min-height:66px;padding:4px 5px;color:inherit;text-align:center;text-decoration:none;border-radius:7px}
.home-timeline .home-timeline-phases a:hover{background:#ffffff80}
.home-timeline .home-timeline-phases a:focus-visible{outline:2px solid #9b3618;outline-offset:3px}
.home-timeline .home-timeline-phases strong{display:block;font-size:14px;font-weight:700;line-height:1.3}
.home-timeline .home-timeline-phases time{display:block;margin-top:4px;font-size:12px;font-weight:500;line-height:1.3;color:#59412f}
.home-timeline .home-phase-dot{flex-shrink:0;width:12px;height:12px;border:2px solid #a95e31;border-radius:50%;background:#fff8f1}
.home-timeline .is-current .home-phase-dot{background:#ff764b;border-color:#bc481c;box-shadow:0 0 0 4px #ff764b2c}
.home-timeline .is-current strong{color:#8a2f11}
.home-timeline .is-current time{color:#8a2f11;font-weight:700}
.home-timeline .is-past .home-phase-dot{background:#b77850;border-color:#a95e31;box-shadow:none}
@media(max-width:599px){
  .home-timeline .home-timeline-inner{padding-inline:12px;padding-block:11px 12px}
  .home-timeline .home-timeline-status{gap:4px 8px;margin-bottom:10px;font-size:12px}
  .home-timeline .home-timeline-status>strong{font-size:11px;padding:4px 8px}
  .home-timeline .home-timeline-phases a{gap:7px;padding-inline:1px;min-height:63px}
  .home-timeline .home-timeline-phases strong{font-size:12px;white-space:nowrap}
  .home-timeline .home-timeline-phases time{font-size:11px;margin-top:4px}
}
@media(max-width:359px){.home-timeline .home-timeline-phases strong{font-size:11px}.home-timeline .home-timeline-status{font-size:11px;gap:4px 6px}}