/* OmbraHost service status. Component styles share the site's theme tokens. */
.status-page.container {
  --status-green:#79d4a7;
  --status-green-soft:#78d2a414;
  --status-green-line:#77c89d30;
  --status-amber:#e9bd75;
  --status-panel:var(--surface,#101116);
  --status-subtle:var(--surface2,#15151d);
  --status-border:var(--line,#24242f);
  --status-muted:var(--muted,#9594a6);
  width:min(1180px,calc(100% - 96px));
  padding:69px 0 102px;
  color:var(--ink,#eeedf4);
}
.status-page *, .status-page *::before, .status-page *::after { box-sizing:border-box; }
.status-page h1, .status-page h2, .status-page h3, .status-page p { margin:0; }
.status-page h1, .status-page h2, .status-page h3 { overflow-wrap:anywhere; }
.status-page :focus-visible { outline:2px solid var(--violet); outline-offset:5px; }
.status-page .icon { width:20px; height:20px; flex:none; }
.status-page [hidden] { display:none!important; }
.status-page strong { font-weight:500; }
.status-hero { position:relative; isolation:isolate; padding:6px 280px 47px 0; }
.status-kicker { display:flex; align-items:center; gap:9px; color:var(--violet); text-transform:uppercase; font-size:10px; font-weight:600; letter-spacing:.18em; margin-bottom:20px; }
.status-kicker .status-nav-dot { display:block; width:5px; height:5px; border-radius:50%; background:var(--violet); box-shadow:0 0 13px #bba4f449; flex:none; }
.status-page .status-hero h1 { font-size:clamp(44px,4.7vw,65px); font-weight:500; letter-spacing:-.06em; line-height:1.08; }
.status-hero h1 span { color:var(--violet); }
.status-hero > p { max-width:600px; margin-top:22px; color:var(--status-muted); font-size:15px; line-height:1.8; text-wrap:pretty; }
.status-orbit { position:absolute; top:20px; inset-inline-end:-4px; width:300px; height:165px; color:var(--violet); opacity:.7; pointer-events:none; overflow:visible; }
.status-orbit svg { width:100%; height:100%; overflow:visible; }
.status-orbit ellipse { stroke:currentColor; stroke-width:1; opacity:.25; }
.status-orbit path { stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.status-orbit circle { fill:currentColor; filter:drop-shadow(0 0 5px #bba4f466); }
.status-overview { display:flex; align-items:center; gap:20px; padding:25px 29px; background:linear-gradient(100deg,var(--status-green-soft),transparent 95%),var(--status-panel); border:1px solid var(--status-green-line); border-radius:17px; }
.status-beacon { position:relative; display:grid; place-items:center; width:43px; height:43px; border:1px solid var(--status-green-line); border-radius:50%; background:var(--status-green-soft); color:var(--status-green); flex:none; }
.status-beacon::before { content:""; display:block; width:11px; height:11px; border-radius:50%; background:var(--status-green); box-shadow:0 0 16px #79d4a73b; }
.status-beacon .icon { position:absolute; width:22px; height:22px; }
.status-beacon:has(.icon)::before { display:none; }
.status-overview > div { min-width:0; }
.status-page .status-overview h2 { color:var(--status-green); font-size:20px; letter-spacing:-.025em; line-height:1.35; }
.status-overview p { margin-top:5px; color:var(--status-muted); font-size:12px; line-height:1.7; }
.status-overview--unknown { --status-green:var(--status-muted); --status-green-line:var(--status-border); --status-green-soft:var(--status-subtle); }
.status-stamp { display:flex; align-items:center; gap:7px; margin-inline-start:auto; color:var(--status-muted); font-size:10px; white-space:nowrap; }
.status-stamp .icon { width:13px; height:13px; color:var(--status-green); }
.status-stamp-times { display:grid; gap:5px; }
.status-stamp-times > span { display:flex; justify-content:flex-end; align-items:baseline; flex-wrap:wrap; gap:3px 8px; }
.status-clock-line time { color:var(--ink); font-variant-numeric:tabular-nums; }
.status-stamp-times time { white-space:nowrap; }
.status-refresh { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 11px; border:1px solid var(--status-border); border-radius:8px; background:var(--status-subtle); color:var(--ink); font-size:10px; }
.status-refresh:hover { border-color:var(--violet); }
.status-refresh .icon { color:var(--violet); }
.status-maintenance { display:flex; align-items:center; gap:15px; border:1px solid #bba4f425; border-radius:13px; background:#bba4f407; padding:19px 23px; margin-top:13px; }
.status-maintenance > .icon { color:var(--violet); }
.status-maintenance > div { min-width:0; }
.status-page .status-maintenance h2 { font-size:13px; letter-spacing:-.01em; line-height:1.55; }
.status-maintenance p { color:var(--status-muted); font-size:11px; line-height:1.75; margin-top:4px; }
.status-maintenance-tag { margin-inline-start:auto; padding:5px 8px; background:#bba4f410; border:1px solid #bba4f424; border-radius:5px; color:var(--violet); text-transform:uppercase; font-size:8px; font-weight:500; letter-spacing:.08em; white-space:nowrap; }
.status-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin:24px 0 54px; }
.status-metric { padding:24px 23px 22px; background:linear-gradient(135deg,#bba4f404,transparent 75%),var(--status-panel); border:1px solid var(--status-border); border-radius:14px; min-width:0; }
.status-metric > span { display:block; font-size:10px; color:var(--status-muted); line-height:1.6; margin-bottom:14px; }
.status-metric > strong { display:block; color:var(--ink); font-size:34px; font-weight:400; letter-spacing:-.055em; line-height:1.2; font-variant-numeric:tabular-nums; }
.status-metric > strong em { color:var(--status-muted); font-size:13px; font-weight:400; letter-spacing:-.015em; font-style:normal; white-space:nowrap; }
.status-metric > small { display:block; color:var(--status-muted); font-size:9px; line-height:1.65; margin-top:10px; }
.status-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin:0 0 23px; }
.status-section-heading .eyebrow { margin-bottom:11px; font-size:9px; }
.status-page .status-section-heading h2 { font-size:28px; letter-spacing:-.045em; line-height:1.25; }
.status-legend { display:flex; flex-wrap:wrap; gap:15px; color:var(--status-muted); font-size:9px; }
.status-legend > span { display:inline-flex; align-items:center; gap:6px; }
.status-legend i { display:inline-block; width:6px; height:6px; border-radius:2px; background:var(--status-green); }
.status-legend .status-day--maintenance, .status-legend .status-day--incident { background:var(--status-amber); }
.status-legend .status-day--unknown { background:var(--status-border); }
.status-regions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.status-region { min-width:0; padding:25px 26px 20px; background:linear-gradient(130deg,#bba4f403,transparent 55%),var(--status-panel); border:1px solid var(--status-border); border-radius:16px; transition:border-color .2s; }
.status-region:hover { border-color:#bba4f437; }
.status-region:has(.status-pill--unknown) { --status-green:var(--status-muted); }
.status-region-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:21px; }
.status-country { display:flex; align-items:center; gap:12px; min-width:0; }
.status-country img.flag { width:30px; height:20px; flex:none; object-fit:cover; border-radius:3px; box-shadow:0 0 0 1px #ffffff13; }
.status-country-code { display:grid; place-items:center; width:35px; height:35px; flex:none; color:var(--violet); font-size:10px; font-weight:500; letter-spacing:.04em; background:linear-gradient(140deg,#bba4f414,#bba4f405); border:1px solid #bba4f42b; border-radius:9px; }
.status-country > div { min-width:0; }
.status-page .status-country h3 { font-size:17px; line-height:1.35; letter-spacing:-.025em; }
.status-country small { display:block; color:var(--status-muted); font-size:9px; line-height:1.5; margin-top:2px; letter-spacing:.06em; }
.status-pill { display:inline-flex; align-items:center; gap:6px; color:var(--status-green); font-size:9px; line-height:1.5; padding:5px 8px; border:1px solid var(--status-green-line); border-radius:5px; background:var(--status-green-soft); flex:none; }
.status-pill::before { content:""; width:4px; height:4px; border-radius:50%; background:currentColor; flex:none; }
.status-pill--unknown { color:var(--status-muted); border-color:var(--status-border); background:var(--status-subtle); }
.status-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; margin:0 0 22px; padding:0; list-style:none; }
.status-service-grid li { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; color:var(--status-muted); font-size:10px; line-height:1.6; }
.status-service-grid li > span { min-width:0; overflow-wrap:anywhere; }
.status-service-dot { width:5px; height:5px; background:var(--status-green); border-radius:50%; flex:none; }
.status-service-dot.status-service-dot--maintenance { background:var(--status-amber); }
.status-service-dot.status-service-dot--unknown { background:var(--status-muted); opacity:.5; }
.status-bars { display:flex; align-items:stretch; gap:2px; height:27px; width:100%; }
.status-bars .status-day { flex:1 1 0; min-width:0; height:100%; border-radius:2px; background:var(--status-green); opacity:.85; transition:opacity .15s,transform .15s; }
.status-bars .status-day:hover { opacity:1; transform:scaleY(1.14); }
.status-bars .status-day--maintenance, .status-bars .status-day--incident { background:var(--status-amber); }
.status-bars .status-day--unknown { background:var(--status-border); opacity:1; }
.status-axis { display:flex; justify-content:space-between; gap:12px; margin-top:9px; color:var(--status-muted); font-size:8px; line-height:1.5; }
.status-region-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid var(--status-border); padding-top:17px; margin-top:17px; }
.status-uptime, .status-latency { display:flex; align-items:baseline; gap:7px; min-width:0; }
.status-uptime strong { font-size:17px; color:var(--status-green); font-weight:400; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.status-latency strong { font-size:14px; color:var(--ink); font-weight:400; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.status-uptime strong small, .status-latency strong small { font-size:10px; font-weight:400; letter-spacing:0; color:inherit; }
.status-uptime > span, .status-latency > span { color:var(--status-muted); font-size:9px; }
.status-history { margin-top:57px; }
.status-history .status-section-heading { align-items:center; }
.status-filters { display:flex; align-items:center; gap:10px; min-width:0; }
.status-filters label { color:var(--status-muted); font-size:10px; }
.status-filters .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.status-filters select { min-width:155px; max-width:100%; color:var(--ink); border:1px solid var(--status-border); border-radius:8px; background:var(--status-panel); padding:9px 30px 9px 12px; font:inherit; font-size:10px; line-height:1.7; cursor:pointer; }
.status-filters select:hover { border-color:var(--violet); }
.status-month { display:flex; align-items:center; gap:15px; margin:29px 0 14px; color:var(--status-muted); text-transform:uppercase; font-size:9px; font-weight:500; letter-spacing:.14em; }
.status-month::after { content:""; flex:1; height:1px; background:var(--status-border); }
.status-event { border:1px solid var(--status-border); border-radius:13px; background:var(--status-panel); margin-bottom:11px; overflow:hidden; }
.status-event summary { display:flex; align-items:center; gap:16px; list-style:none; padding:21px 23px; cursor:pointer; }
.status-event summary::-webkit-details-marker { display:none; }
.status-event summary:hover { background:#bba4f405; }
.status-event summary:focus-visible { outline-offset:-4px; border-radius:13px; }
.status-event-mark { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--status-green-line); border-radius:9px; color:var(--status-green); background:var(--status-green-soft); flex:none; }
.status-event-mark .icon { width:16px; height:16px; }
.status-event-mark--maintenance { color:var(--violet); background:#bba4f40b; border-color:#bba4f42b; }
.status-event-mark--incident { color:var(--status-amber); background:#e9bd750b; border-color:#e9bd752b; }
.status-event-copy { flex:1; min-width:0; }
.status-page .status-event-copy h3 { font-size:14px; line-height:1.5; letter-spacing:-.015em; }
.status-event-copy h3 > span { color:var(--status-muted); font-size:12px; }
.status-event-copy p { font-size:10px; color:var(--status-muted); line-height:1.65; margin-top:5px; }
.status-event-meta { display:flex; align-items:center; justify-content:flex-end; gap:13px; flex-wrap:wrap; max-width:240px; color:var(--status-muted); font-size:9px; }
.status-event-meta > span { display:inline-block; line-height:1.6; }
.status-event-meta > small { color:var(--status-muted); font-size:9px; }
.status-event-meta > span:first-child { color:var(--status-green); background:var(--status-green-soft); border:1px solid var(--status-green-line); border-radius:4px; padding:3px 7px; }
.status-event-chevron { width:14px; height:14px; font-size:20px; font-weight:300; line-height:14px; text-align:center; color:var(--status-muted); flex:none; transition:transform .2s; }
.status-event-chevron .icon { width:14px; height:14px; vertical-align:top; }
.status-event[open] .status-event-chevron { transform:rotate(45deg); }
.status-event[open] summary { border-bottom:1px solid var(--status-border); }
.status-event-body { padding:23px 26px 24px 71px; }
.status-event-facts { display:flex; flex-wrap:wrap; gap:8px 22px; font-size:10px; line-height:1.7; color:var(--status-muted); margin-bottom:22px; }
.status-event-facts strong { color:var(--ink); margin-inline-end:6px; }
.status-event-facts code { color:var(--violet); font-size:9px; font-family:Consolas,monospace; line-height:1.8; letter-spacing:.03em; }
.status-timeline { list-style:none; margin:0; padding:0; }
.status-timeline li { position:relative; display:grid; grid-template-columns:110px minmax(0,1fr); gap:19px; padding:0 0 23px 18px; border-inline-start:1px solid var(--status-border); }
.status-timeline li::before { content:""; position:absolute; inset-inline-start:-3px; top:7px; width:5px; height:5px; border-radius:50%; background:var(--violet); box-shadow:0 0 0 4px var(--status-panel); }
.status-timeline li:last-child::before { background:var(--status-green); }
.status-timeline li:last-child { padding-bottom:0; border-color:transparent; }
.status-timeline time { color:var(--status-muted); font-size:9px; line-height:1.8; font-variant-numeric:tabular-nums; }
.status-timeline li > div { min-width:0; }
.status-timeline strong { display:block; color:var(--ink); font-size:11px; line-height:1.65; }
.status-timeline p { margin-top:5px; color:var(--status-muted); font-size:11px; line-height:1.8; max-width:720px; }
.status-empty { border:1px dashed var(--status-border); border-radius:13px; padding:28px; text-align:center; color:var(--status-muted); font-size:12px; line-height:1.8; }
.status-bottom { display:flex; align-items:center; gap:15px; margin-top:47px; padding:24px 0 0; border-top:1px solid var(--status-border); }
.status-bottom > .icon { color:var(--violet); width:19px; height:19px; }
.status-bottom > div { min-width:0; }
.status-bottom > div { display:flex; align-items:center; gap:10px; }
.status-bottom > div > .icon { color:var(--violet); width:16px; height:16px; }
.status-bottom strong { font-size:12px; color:var(--ink); }
.status-bottom p { font-size:11px; line-height:1.7; color:var(--status-muted); margin-top:4px; }
.status-bottom > div > p { margin-top:0; }
.status-bottom > a { display:inline-flex; align-items:center; gap:10px; margin-inline-start:auto; color:var(--violet); font-size:11px; white-space:normal; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.status-bottom > a .icon { width:14px; height:14px; }
.header-status { display:inline-flex; align-items:center; gap:7px; }
.header-status .status-nav-dot { display:block; width:5px; height:5px; background:var(--violet); border-radius:50%; box-shadow:0 0 10px #bba4f445; flex:none; }
.header-status[aria-current="page"] { color:var(--violet); }

/* The core theme has broad light-mode text rules; keep status semantics explicit. */
html:root[data-theme="light"] body .status-page {
  --status-green:#287b57;
  --status-green-soft:#e4f3ea;
  --status-green-line:#b6dbc6;
  --status-amber:#bd8133;
}
html:root[data-theme="light"] body .status-page :is(.status-kicker,.status-hero h1 span,.status-maintenance > .icon,.status-maintenance-tag,.status-country-code,.status-event-facts code,.status-bottom > a) { color:var(--violet); }
html:root[data-theme="light"] body .status-page :is(.status-overview h2,.status-beacon,.status-stamp .icon,.status-metric > em,.status-pill,.status-uptime strong,.status-event-mark,.status-event-meta > span:first-child) { color:var(--status-green); }
html:root[data-theme="light"] body .status-page :is(.status-metric > span,.status-stamp,.status-country small,.status-service-grid li,.status-axis,.status-axis span,.status-legend,.status-legend span,.status-uptime > span,.status-latency > span,.status-filters label,.status-month,.status-event-meta,.status-event-meta > span,.status-event-facts,.status-timeline time,.status-empty) { color:var(--status-muted); }
html:root[data-theme="light"] body .status-page :is(.status-metric > strong,.status-metric > strong small,.status-latency strong,.status-event-facts strong,.status-timeline strong,.status-bottom strong) { color:var(--ink); }
html:root[data-theme="light"] body .status-page .status-event-meta > span:first-child { color:var(--status-green); }
html:root[data-theme="light"] body .status-page :is(.status-metric > strong em,.status-metric > small,.status-event-copy h3 > span,.status-event-meta > small,.status-pill--unknown) { color:var(--status-muted); }
html:root[data-theme="light"] body .status-page .status-country-code { background:#eee7f5; border-color:#d7c7e8; }
html:root[data-theme="light"] body .status-page .status-event-mark--maintenance { color:var(--violet); background:#eee7f5; border-color:#d7c7e8; }
html:root[data-theme="light"] body .status-page .status-event-mark--incident { color:var(--status-amber); background:#fbf0dd; border-color:#ead0a7; }
html:root[data-theme="light"] body .status-page .status-maintenance { background:#eee7f5; border-color:#d7c7e8; }
html:root[data-theme="light"] body .status-page .status-maintenance-tag { background:#e7dbf2; border-color:#d7c7e8; }
html:root[data-theme="light"] body .status-page .status-region:hover { border-color:#bca6ce; }
html:root[data-theme="light"] body .status-page .status-event summary:hover { background:#f8f5fc; color:var(--ink); }
html:root[data-theme="light"] body .status-page .status-country img.flag { box-shadow:0 0 0 1px #241c3114; }
html:root[data-theme="light"] body .header-status[aria-current="page"] { color:var(--violet); }

@media (max-width:1000px) {
  .status-page.container { width:calc(100% - 64px); padding-top:50px; }
  .status-hero { padding-inline-end:210px; }
  .status-orbit { width:225px; height:150px; top:21px; }
  .status-metric { padding:21px 18px; }
  .status-metric > strong { font-size:30px; }
  .status-stamp { white-space:normal; max-width:245px; line-height:1.7; flex-wrap:wrap; justify-content:flex-end; }
  .status-region { padding:23px 20px 19px; }
  .status-region-heading { gap:10px; }
  .status-country { gap:9px; }
  .status-page .status-country h3 { font-size:15px; }
  .status-pill { font-size:8px; padding:4px 6px; }
  .status-uptime, .status-latency { gap:5px; }
  .status-uptime > span, .status-latency > span { font-size:8px; }
  .status-event-meta { max-width:190px; gap:8px; }
}
@media (max-width:680px) {
  .status-page.container { width:calc(100% - 40px); padding:35px 0 63px; }
  .status-hero { padding:4px 0 31px; }
  .status-kicker { font-size:9px; margin-bottom:18px; }
  .status-page .status-hero h1 { font-size:42px; max-width:440px; }
  .status-hero > p { font-size:13px; line-height:1.8; margin-top:17px; max-width:470px; }
  .status-orbit { display:none; }
  .status-overview { gap:13px; padding:20px 17px; flex-wrap:wrap; }
  .status-beacon { width:33px; height:33px; }
  .status-beacon::before { width:9px; height:9px; }
  .status-overview > div { flex:1; min-width:150px; }
  .status-page .status-overview h2 { font-size:17px; }
  .status-overview p { font-size:10px; }
  .status-stamp { max-width:none; font-size:9px; width:calc(100% - 46px); margin-inline-start:46px; justify-content:flex-start; }
  .status-stamp-times > span { justify-content:flex-start; }
  .status-maintenance { align-items:flex-start; gap:11px; flex-wrap:wrap; padding:17px; }
  .status-maintenance > .icon { width:17px; height:17px; margin-top:2px; }
  .status-maintenance > div { flex:1; }
  .status-page .status-maintenance h2 { font-size:12px; }
  .status-maintenance p { font-size:10px; }
  .status-maintenance-tag { margin-inline-start:28px; }
  .status-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0 36px; }
  .status-metric { padding:18px 16px; border-radius:12px; }
  .status-metric > span { font-size:9px; margin-bottom:12px; }
  .status-metric > strong { font-size:29px; }
  .status-metric > strong em { font-size:11px; }
  .status-metric > small { font-size:9px; margin-top:8px; }
  .status-section-heading { display:block; margin-bottom:18px; }
  .status-page .status-section-heading h2 { font-size:25px; }
  .status-section-heading .eyebrow { font-size:8px; margin-bottom:9px; }
  .status-legend { gap:13px; margin-top:15px; font-size:8px; }
  .status-regions { grid-template-columns:minmax(0,1fr); gap:13px; }
  .status-region { padding:21px 19px 18px; border-radius:14px; }
  .status-region-heading { margin-bottom:19px; }
  .status-page .status-country h3 { font-size:16px; }
  .status-service-grid { font-size:10px; margin-bottom:20px; }
  .status-bars { gap:1px; height:25px; }
  .status-bars .status-day { border-radius:1px; }
  .status-region-footer { margin-top:14px; padding-top:14px; }
  .status-uptime strong { font-size:17px; }
  .status-uptime > span, .status-latency > span { font-size:9px; }
  .status-history { margin-top:37px; }
  .status-filters { margin-top:18px; flex-wrap:wrap; }
  .status-filters select { min-width:145px; }
  .status-month { margin-top:25px; font-size:8px; }
  .status-event summary { flex-wrap:wrap; gap:11px; padding:17px 15px; }
  .status-event-mark { width:28px; height:28px; border-radius:7px; align-self:flex-start; }
  .status-event-copy { flex:1; min-width:calc(100% - 65px); }
  .status-page .status-event-copy h3 { font-size:12px; line-height:1.6; }
  .status-event-copy h3 > span { font-size:11px; }
  .status-event-copy p { font-size:9px; }
  .status-event-meta { justify-content:flex-start; max-width:calc(100% - 65px); margin-inline-start:39px; gap:10px; font-size:8px; }
  .status-event-meta > small { font-size:8px; }
  .status-event-chevron { margin-inline-start:auto; }
  .status-event-body { padding:18px 17px; }
  .status-event-facts { font-size:9px; gap:7px 15px; }
  .status-timeline li { grid-template-columns:minmax(0,1fr); gap:4px; padding-inline-start:15px; padding-bottom:21px; }
  .status-timeline time { font-size:8px; }
  .status-timeline strong, .status-timeline p { font-size:10px; }
  .status-timeline p { margin-top:4px; }
  .status-bottom { flex-wrap:wrap; gap:11px; margin-top:32px; padding-top:21px; }
  .status-bottom > div { flex:1; }
  .status-bottom strong { font-size:11px; }
  .status-bottom p { font-size:10px; }
  .status-bottom > a { width:calc(100% - 30px); margin-inline-start:30px; margin-top:3px; font-size:10px; }
}
@media (max-width:360px) {
  .status-page.container { width:calc(100% - 32px); }
  .status-page .status-hero h1 { font-size:38px; }
  .status-region { padding-inline:15px; }
  .status-country { gap:8px; }
  .status-country img.flag { width:27px; height:18px; }
  .status-page .status-country h3 { font-size:14px; }
  .status-pill { font-size:7px; gap:4px; padding:4px 5px; }
  .status-region-footer { gap:10px; }
  .status-uptime, .status-latency { gap:4px; }
  .status-uptime > span, .status-latency > span { font-size:8px; }
  .status-metric { padding-inline:13px; }
  .status-metric > strong { font-size:26px; }
}