.status-page .tool-breadcrumb { margin-bottom:18px; }
.status-page .tool-hero { margin-bottom:18px; }
.status-page .tool-nav { margin-bottom:18px; padding-bottom:12px; }
.status-page .action,.status-page summary { min-height:44px; }
#follow,#diagnostic { scroll-margin-top:88px; }
#incidents { scroll-margin-top:128px; }
.status-panel { margin:20px 0; padding:20px; border:1px solid var(--tool-border); border-radius:12px; background:var(--tool-panel); }
.status-panel h2 { margin:0 0 8px; font-size:18px; line-height:1.35; }
.status-panel > p { margin:0 0 14px; color:var(--tool-muted); }
.status-overview { margin:18px 0; padding:14px 18px; border:1px solid #42556e; border-radius:12px; background:var(--tool-panel); }
.overview-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; }
.overview-heading h2 { margin:0; font-size:15px; line-height:1.4; }
.overview-heading a { font-size:12px; white-space:nowrap; }
.status-overview a { color:var(--tool-accent); text-decoration:none; }
.status-overview a:hover { text-decoration:underline; }
.status-overview ul { padding:0; margin:10px 0 0; list-style:none; }
.status-overview li { display:flex; align-items:start; justify-content:space-between; gap:12px; padding:7px 0; line-height:1.45; }
.status-overview li > a { min-width:0; font-size:13px; }
.notice-product { display:none; }
.status-overview li > .incident-label { flex:none; font-size:11px; padding-top:1px; color:var(--tool-warning); }
.coverage-note { margin:8px 0 0; font-size:12px; line-height:1.5; color:var(--tool-muted); }
.status-overview > .small { margin-bottom:0; }
.status-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:20px 0 12px; }
.status-toolbar h2 { margin:0; font-size:17px; }
.status-toolbar > div { display:flex; gap:8px; }
.status-toolbar .action { min-height:44px; padding:8px 12px; }
.status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
.status-grid.status-single { grid-template-columns:minmax(0,1fr); max-width:560px; }
.status-board { min-width:0; gap:0; padding:16px 18px; }
.status-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.status-card-heading .status-board-main { display:flex; align-items:center; flex:1; min-width:0; min-height:44px; padding:0; }
.status-board h2 { font-size:18px; line-height:1.35; overflow-wrap:anywhere; }
.source-short { display:inline-flex; align-items:center; flex:none; min-height:44px; font-size:12px; color:var(--tool-muted); text-decoration:none; white-space:nowrap; }
.source-short:hover { color:var(--tool-accent); }
.product-status { margin:6px 0; padding:0; list-style:none; }
.product-status li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; min-height:64px; border-top:1px solid var(--tool-border); }
.product-status li > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.product-status b { font-size:14px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.product-tone { display:flex; align-items:center; gap:6px; font-size:12px; line-height:1.45; color:var(--tool-muted); font-weight:400; }
.product-tone::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:currentColor; }
.product-tone a { color:var(--tool-accent); text-decoration:none; }
.product-tone a:hover { text-decoration:underline; }
.product-tone.operational { color:var(--tool-success); }
.product-tone.degraded,.product-tone.maintenance { color:var(--tool-warning); }
.product-tone.outage { color:var(--tool-error); }
.product-tone.unknown { color:var(--tool-muted); font-weight:400; }
.watch-toggle { border:1px solid var(--tool-border); background:var(--tool-raised); color:inherit; border-radius:8px; padding:7px 10px; min-height:44px; flex:none; font-size:12px; cursor:pointer; }
.watch-toggle:hover { border-color:var(--tool-muted); }
.watch-toggle[aria-pressed="true"] { background:#164e43; border-color:var(--tool-success); }
.status-detail { margin:6px 0 10px; font-size:12px; line-height:1.5; color:var(--tool-muted); }
.status-warning { color:var(--tool-warning); }
.status-card-footer { margin-top:auto; padding-top:10px; border-top:1px solid var(--tool-border); }
.status-fetched { margin:0; font-size:12px; line-height:1.5; color:var(--tool-muted); }
.status-reports { margin-top:8px; font-size:12px; color:var(--tool-muted); }
.status-reports > summary { cursor:pointer; padding:7px 0; }
.status-reports .vote { margin:10px 0 2px; }
.status-page #updated { margin:12px 0 20px; font-size:12px; color:var(--tool-muted); }
.status-page #status-message:empty,.status-page #follow-message:empty { display:none; }
.status-incidents > summary { cursor:pointer; font-size:16px; font-weight:600; }
.status-incidents[open] > summary { margin-bottom:16px; }
.status-utilities { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:16px; align-items:start; margin:20px 0; }
.status-utilities > .status-panel { margin:0; min-width:0; }
.status-rss { margin-top:14px; font-size:12px; color:var(--tool-muted); }
.status-rss > summary { padding:6px 0; cursor:pointer; }
.status-rss .action { margin:8px 0; }
.status-help .prose { margin:20px 0 0; }
.status-help .prose h2:first-child { margin-top:0; }
.incident { overflow-wrap:anywhere; margin:14px 0; padding:16px 18px; border:1px solid var(--tool-border); border-radius:12px; background:var(--tool-panel); }
.incident h3 { margin:6px 0 8px; font-size:16px; line-height:1.4; }
.incident h3 a { text-decoration:none; }
.incident h3 a:hover { text-decoration:underline; }
.incident-active { border-left:3px solid var(--tool-warning); }
.incident-resolved { border-left:3px solid var(--tool-success); }
.incident-label { text-transform:capitalize; color:var(--tool-muted); font-size:12px; }
.incident-scope { margin:6px 0; font-size:12px; color:var(--tool-muted); }
.incident-summary { margin:8px 0 12px; font-size:13px; line-height:1.6; }
.incident-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; font-size:12px; color:var(--tool-muted); }
.incident-footer a { white-space:nowrap; }
.incident-timeline li { margin-bottom:24px; }
.diagnostic-fields,.history-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.diagnostic-fields label,.history-filters label { display:flex; flex:1 1 180px; flex-direction:column; gap:6px; font-size:12px; }
.diagnostic-fields select,.history-filters select { min-height:44px; width:100%; color:inherit; background:var(--tool-bg); border:1px solid var(--tool-border); border-radius:8px; padding:10px; }
.diagnostic-result { margin:14px 0; padding:12px 14px; border-radius:8px; background:var(--tool-raised); font-size:13px; line-height:1.6; }
.diagnostic-result p { margin:0; }
.diagnostic-result p + p { margin-top:10px; }
.diagnostic-result a { color:var(--tool-accent); text-decoration:none; }
#watchlist-controls { display:flex; gap:10px; flex-wrap:wrap; }
#watchlist-controls .action { min-height:44px; }
.embed-label { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.embed-label textarea { box-sizing:border-box; width:100%; max-width:100%; color:inherit; background:var(--tool-bg); border:1px solid var(--tool-border); border-radius:8px; padding:12px; resize:vertical; }
.status-badge { display:block; max-width:100%; height:auto; }
.status-empty { line-height:1.6; }
.status-page-note { color:var(--tool-muted); font-size:13px; }
.analytics-table { width:100%; border-collapse:collapse; margin:18px 0; font-size:13px; }
.analytics-table th,.analytics-table td { text-align:left; padding:10px; border-bottom:1px solid var(--tool-border); }
.analytics-scroll { overflow-x:auto; }
.status-board[hidden],.product-status li[hidden] { display:none; }
@media (max-width:960px) { .status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .status-utilities { grid-template-columns:minmax(0,1fr); } }
@media (max-width:620px) {
  .status-page .tool-breadcrumb { margin-bottom:16px; }
  .status-page .tool-hero h1 { font-size:25px; margin-bottom:6px; }
  .status-page .tool-hero p { font-size:13px; }
  .status-page .tool-nav { flex-wrap:nowrap; overflow-x:auto; max-width:100%; margin-bottom:14px; padding-bottom:8px; scrollbar-width:thin; }
  .status-page .tool-nav a { flex:none; min-height:44px; display:flex; align-items:center; padding:8px 10px; }
  .status-panel { padding:16px; }
  .status-overview { padding:12px 14px; }
  .notice-product { display:inline; }
  .notice-title { display:none; }
  .status-toolbar h2 { font-size:16px; }
  .status-toolbar .action { font-size:12px; padding:8px 10px; }
  .status-grid { grid-template-columns:minmax(0,1fr); }
  .status-board { padding:12px 16px; }
  .status-board h2 { font-size:17px; }
  .diagnostic-fields label,.history-filters label { flex-basis:100%; }
}
@media (prefers-reduced-motion:reduce) { .status-board * { animation:none!important; transition:none!important; } }