.status { max-width: 46rem; margin: 0 auto; padding: 1.5rem clamp(1rem, 4vw, 2rem) 2.5rem; }
.lookup { display: grid; gap: .8rem; margin-bottom: 1.5rem; }
.timeline { list-style: none; margin: 1.25rem 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; left: .9rem; top: .6rem; bottom: .6rem; width: 2px; background: var(--rule-strong); }
.timeline li { position: relative; padding: 0 0 1.4rem 2.8rem; }
.timeline .dot { position: absolute; left: .35rem; top: .15rem; width: 1.15rem; height: 1.15rem; border-radius: 50%; border: 2px solid var(--rule-strong); background: var(--paper); }
.timeline .done .dot { background: var(--moss); border-color: var(--moss); }
.timeline .current .dot { border-color: var(--clay); box-shadow: 0 0 0 .3rem rgba(166, 81, 47, .18); }
.timeline strong { display: block; font: 650 1.05rem/1.3 var(--display); }
.timeline .upcoming strong { color: var(--ink-soft); }
.timeline time, .timeline p { margin: .15rem 0 0; font-size: .9rem; color: var(--ink-soft); }
.status .panelbox { border: 1px solid var(--rule-strong); border-radius: 8px; padding: 1rem 1.1rem; background: #fffaf2; margin-top: 1rem; }