/* Status: page-only parts */

/* a section that follows a full-bleed band needs its own top space */
.page-section--after-band { padding-block-start: var(--section); }

/* the overall line under the lead */
.overall { display: inline-flex; align-items: center; font-size: var(--step-lead); color: var(--ink); }
.overall[data-state='loading'] { color: var(--muted); }
.overall[data-state='loading'] .live-dot { background: var(--field-2); }

/* the services table */
.hosts-table td { vertical-align: middle; }
.hosts-table .state { display: inline-flex; align-items: center; font-weight: 500; }
.hosts-table .host-code { display: block; margin-block-start: 0.25rem; white-space: nowrap; overflow-wrap: normal; }

/* one bar per day, oldest at the start */
.strip { display: flex; flex: 1 1 auto; gap: 2px; block-size: 28px; min-inline-size: 10rem; }
.strip .day { flex: 1; block-size: 100%; }
.day { display: inline-block; inline-size: 0.7em; block-size: 0.7em; border-radius: 1px; background: var(--field-2); }
.day--g { background: var(--ui-green); }
.day--y { background: var(--ui-amber); }
.day--r { background: var(--ui-red); }
.key { display: inline-flex; align-items: center; gap: 0.35em; margin-inline-end: 0.9em; white-space: nowrap; }

/* incidents */
.inc-table td:first-child { white-space: nowrap; }
.inc-table .change { display: inline-flex; align-items: center; font-weight: 500; white-space: nowrap; }
.inc-table .reason { color: var(--muted); }

/* split headings */
.split-title { font-size: var(--step-head); line-height: 0.95; letter-spacing: var(--track-tight); }
.split-text { margin-block-start: 1.5rem; max-inline-size: 44ch; }
.method-text { display: grid; gap: 1rem; max-inline-size: 56ch; }
.method-text code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--step-small); }