/* AF-129.7 — public chronology selector */
.ue-chronology-switcher{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px;align-items:center;padding:16px 18px;margin:16px 0 10px;background:rgba(7,11,22,.88);border-color:rgba(255,255,255,.10)}
.ue-chronology-switcher-copy{min-width:0}.ue-chronology-switcher-copy .eyebrow{display:block;margin-bottom:5px}.ue-chronology-switcher-copy strong{display:block;font-size:18px}.ue-chronology-switcher-copy small{display:block;color:#8291aa;margin-top:5px;line-height:1.4}
.ue-chronology-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.ue-chronology-pills a{flex:0 0 auto;text-decoration:none;color:#aebbd0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:700;transition:.18s ease}.ue-chronology-pills a:hover{color:#fff;border-color:color-mix(in srgb,var(--hub-accent,#62a9ff) 45%,rgba(255,255,255,.16))}.ue-chronology-pills a.active{color:#fff;background:color-mix(in srgb,var(--hub-accent,#62a9ff) 22%,rgba(255,255,255,.055));border-color:color-mix(in srgb,var(--hub-accent,#62a9ff) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hub-accent,#62a9ff) 12%,transparent)}
.chronology-optional{color:#e2bf72;font-weight:800}
@media(max-width:820px){.ue-chronology-switcher{grid-template-columns:1fr;gap:12px}.ue-chronology-switcher-copy small{display:none}.ue-chronology-pills{margin-inline:-2px}}
@media(max-width:520px){.ue-chronology-switcher{padding:13px}.ue-chronology-switcher-copy strong{font-size:16px}.ue-chronology-pills a{padding:8px 11px;font-size:11px}}