.cs-public .pg.status-page{--status-tone:var(--cs-muted);--status-wash:var(--cs-control);& [data-tone=ok]{--status-tone:var(--cs-green);--status-wash:var(--cs-green-wash)}& [data-tone=warn]{--status-tone:var(--cs-amber);--status-wash:var(--cs-amber-wash)}& [data-tone=down]{--status-tone:var(--cs-danger);--status-wash:color-mix(in srgb,var(--cs-danger) 11%,var(--cs-surface))}& [data-tone=unknown]{--status-tone:var(--cs-muted);--status-wash:var(--cs-control)}& .status-hero{padding-block:clamp(56px,7vw,96px) clamp(28px,3vw,40px);background:var(--cs-canvas)}& .status-hero .pg-hero-intro h1{max-width:16ch;text-wrap:balance}& .status-hero .pg-hero-intro .sub{max-width:56ch}& .status-body{padding-block:0 clamp(64px,8vw,112px);background:var(--cs-canvas)}& .status-body>.pg-container>*{max-width:980px}& .status-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;padding:22px 24px;background:color-mix(in srgb,var(--status-wash) 55%,var(--cs-surface));border:1px solid color-mix(in srgb,var(--status-tone) 28%,var(--cs-line));border-radius:var(--cs-r-panel);box-shadow:var(--cs-card-shadow)}& .status-summary-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--status-wash);color:var(--status-tone)}& .status-summary-copy{min-width:0}& .status-summary-title{margin:0;color:var(--cs-ink);font:600 clamp(22px,2.2vw,28px)/1.1 var(--cs-font-display);letter-spacing:-.03em}& .status-summary-detail{margin:6px 0 0;color:var(--cs-ink-2);font:400 15px/1.5 var(--cs-font-ui)}& .status-summary-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}& .status-checked{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 8px;margin:0;font:400 12px/1.5 var(--cs-font-mono);color:var(--cs-muted)}& .status-checked time{color:var(--cs-ink);font-variant-numeric:tabular-nums}& .status-refresh{min-height:40px;padding:8px 14px;font-size:14px}& .status-refresh:disabled{cursor:progress;color:var(--cs-muted)}& .status-refresh[aria-busy=true] svg{animation:status-spin 1s linear infinite}& .status-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:16px 20px;background:var(--cs-surface);border:1px solid var(--cs-line);border-radius:var(--cs-r-card);color:var(--cs-ink-2)}& .status-notice svg{flex:none;margin-top:3px;color:var(--cs-muted)}& .status-notice p{margin:0;max-width:68ch;font:400 15px/1.65 var(--cs-font-ui)}& .status-notice a{color:var(--cs-link);text-decoration:underline;text-decoration-color:var(--cs-link-rule);text-decoration-thickness:1px;text-underline-offset:3px}& .status-notice a:hover{text-decoration-color:currentColor}& .status-mono{font:400 .92em/1 var(--cs-font-mono);color:var(--cs-ink);overflow-wrap:anywhere}& .status-board{margin-top:24px;background:var(--cs-surface);border:1px solid var(--cs-line);border-radius:var(--cs-r-card);box-shadow:var(--cs-card-shadow);overflow:hidden}& .status-board-head,& .status-row{display:grid;grid-template-columns:36px minmax(0,1fr) 96px 148px;align-items:center;column-gap:16px;padding-inline:20px}& .status-board-head{min-height:40px;background:var(--cs-canvas);border-bottom:1px solid var(--cs-line);font:500 11px/1.4 var(--cs-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cs-muted)}& .status-board-head span:first-child{grid-column:1/3}& .status-board-head span:nth-child(2),& .status-board-head span:nth-child(3){text-align:right}& .status-rows{margin:0;padding:0;list-style:none}& .status-row{padding-block:16px}& .status-row+.status-row{border-top:1px solid var(--cs-line)}& .status-row-icon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--cs-line);border-radius:var(--cs-r-control);background:var(--cs-canvas);color:var(--cs-ink-2)}& .status-row-name{min-width:0}& .status-row-name h3{margin:0;color:var(--cs-ink);font:600 16px/1.35 var(--cs-font-ui);letter-spacing:-.005em}& .status-row-name p{margin:2px 0 0;color:var(--cs-muted);font:400 14px/1.5 var(--cs-font-ui)}& .status-row-name .status-row-message{margin-top:6px;font:400 12px/1.5 var(--cs-font-mono);color:var(--cs-ink-2)}& .status-row-latency{text-align:right;color:var(--cs-ink);font:400 13px/1.4 var(--cs-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}& .status-row-latency small,& .status-row-none{color:var(--cs-muted);font-size:12px}& .status-row-latency-label{display:none}& .status-pill{justify-self:end;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px 4px 8px;border:1px solid color-mix(in srgb,var(--status-tone) 30%,var(--cs-line));border-radius:var(--cs-r-chip);background:var(--status-wash);color:var(--status-tone);font:500 13px/1.2 var(--cs-font-ui);white-space:nowrap}& .status-pill svg{flex:none}& .status-foot{margin:16px 0 0;color:var(--cs-muted);font:400 12px/1.6 var(--cs-font-mono)}& .status-foot code{color:var(--cs-ink-2);font:inherit}}@media (max-width:767px){.cs-public .pg.status-page{& .status-summary{grid-template-columns:auto minmax(0,1fr);padding:20px}& .status-summary-mark{width:44px;height:44px}& .status-summary-meta{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--status-tone) 20%,var(--cs-line))}& .status-checked{justify-content:flex-start;flex-direction:column}& .status-board-head{display:none}& .status-row{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"icon name name" ". latency pill";row-gap:10px;padding-inline:16px}& .status-row-icon{grid-area:icon;align-self:start}& .status-row-name{grid-area:name}& .status-row-latency{grid-area:latency;align-self:center;text-align:left}& .status-row-latency-label{display:inline;margin-right:8px;color:var(--cs-muted);font-size:12px}& .status-pill{grid-area:pill;align-self:center}}}@keyframes status-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cs-public .pg.status-page .status-refresh[aria-busy=true] svg{animation:none}}