/* Only the shared chrome needs uptime-specific base rules. The island and
   footer geometry come from the site's existing purchase/shared-footer CSS. */
.status-page { --acid: #ccf904; }
.status-page .skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 14px; background: #ccf904; color: #080a04; border-radius: 10px; }
.status-page .skip:focus { top: 8px; }
.status-page .status-site-header { text-align: initial; }
.status-site-header .brand { display: inline-flex; align-items: center; gap: 2px; text-decoration: none; }
.status-site-header .brand__badge { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; }
.status-site-header .brand__badge img { display: block; width: 100%; height: 100%; object-fit: contain; }
.status-site-header .brand__name { color: #ccf904; font: 600 26px/1 Onest, sans-serif; letter-spacing: -.04em; white-space: nowrap; }
.status-site-header .header-brand-stack { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.status-site-header .header-home { white-space: nowrap; }
.status-site-header .orbit-launch { color: #ccf904; border: 1px solid #ccf90455; }
.status-site-header .orbit-launch:hover { border-color: #ccf904; background: #20290e; }
.status-site-header .header-journal:hover { border-color: #ccf904; color: #ccf904; }
.status-site-header .header-support .orbit-launch__plus { color: #ccf904; line-height: 1; }
.status-page .site-footer { margin-top: 48px; }
.status-page .site-footer__inner { max-width: 1186px; }
.status-page .legal-viewer[aria-hidden="true"] { display: none; }
@media (max-width: 700px) {
  .status-site-header .brand__badge { width: 24px; height: 24px; flex-basis: 24px; }
  .status-site-header .brand__name { font-size: 20px; }
  .status-page .site-footer { margin-top: 32px; }
}
@media (max-width: 380px) {
  .status-site-header .brand__badge { width: 20px; height: 20px; flex-basis: 20px; }
  .status-site-header .brand__name { font-size: 17px; }
  /* Existing uptime numbers must fit the narrow viewport beside the new chrome. */
  .status-page .uptime-big { font-size: 46px; letter-spacing: -2px; }
  .status-page .uptime-stat .val { font-size: 19px; }
}