:root { color-scheme: light; --ink:#172033; --muted:#677287; --line:#dfe4ec; --bg:#f4f6f9; --card:#fff; --blue:#2656d8; --up:#168354; --degraded:#c57a05; --down:#cb3837; --unknown:#7c8799; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color:var(--blue); }
.container { width:min(1120px, calc(100% - 40px)); margin-inline:auto; }
.site-header { background:#111a2c; color:white; padding:28px 0; box-shadow:0 2px 12px #10182722; }
.brand { color:white; font-size:19px; font-weight:800; letter-spacing:.09em; text-decoration:none; }
.site-header p { color:#afbbd0; margin:2px 0 0; }
.header-meta { margin-top:2px; color:#afbbd0; }
.header-link { color:#d5def0; }
main { padding-block:38px 56px; }
footer { border-top:1px solid var(--line); color:var(--muted); padding:22px 0 35px; font-size:13px; }
.page-heading,.detail-header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:24px; }
h1 { margin:2px 0 0; font-size:30px; line-height:1.2; }
h2 { font-size:14px; letter-spacing:.08em; text-transform:uppercase; margin:0; }
.eyebrow { color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.api-link,.back-link { font-weight:650; text-decoration:none; }
.back-link { display:inline-block; margin-bottom:24px; }
.group-card,.history-card { background:var(--card); border:1px solid var(--line); border-radius:12px; box-shadow:0 3px 14px #1720330a; margin-bottom:20px; overflow:hidden; }
.group-card h2,.history-card h2 { padding:17px 20px; border-bottom:1px solid var(--line); }
.service-row { display:grid; grid-template-columns:14px minmax(190px,2fr) 110px 90px 95px minmax(150px,1fr) 10px; gap:15px; align-items:center; padding:17px 20px; color:var(--ink); text-decoration:none; border-bottom:1px solid #edf0f4; }
.service-row:last-child { border-bottom:0; }
.service-row:hover { background:#f8faff; }
.service-name { min-width:0; }
.service-name strong,.service-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.service-name small,.last-check { color:var(--muted); font-size:12px; }
.status-dot { display:inline-block; width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
.status-up { background:var(--up); box-shadow:0 0 0 3px #16835420; }.status-degraded { background:var(--degraded); box-shadow:0 0 0 3px #c57a0520; }.status-down { background:var(--down); box-shadow:0 0 0 3px #cb383720; }.status-unknown { background:var(--unknown); box-shadow:0 0 0 3px #7c879920; }
.status-label { font-weight:750; }.status-text-up { color:var(--up); }.status-text-degraded { color:var(--degraded); }.status-text-down { color:var(--down); }.status-text-unknown { color:var(--unknown); }
.metric { font-variant-numeric:tabular-nums; }.chevron { color:#9aa3b3; font-size:22px; }
.bucket-row { padding-left:48px; background:#fbfcfe; }
.endpoint { color:var(--muted); overflow-wrap:anywhere; }
.detail-header { align-items:center; }.detail-header h1 { margin-bottom:5px; }
.status-badge { display:flex; gap:9px; align-items:center; border:1px solid var(--line); border-radius:999px; padding:9px 14px; font-weight:750; background:white; }
.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:20px; }
.summary-card { background:white; border:1px solid var(--line); border-radius:10px; padding:18px; }
.summary-card span { display:block; color:var(--muted); font-size:12px; margin-bottom:7px; }.summary-card strong { font-size:22px; }.summary-card .small-value { font-size:13px; line-height:1.4; }
.error-box { background:#fff4f3; border:1px solid #f2c9c5; color:#842c28; border-radius:9px; padding:14px 17px; margin-bottom:20px; overflow-wrap:anywhere; }
.outage-summary { display:flex; justify-content:space-between; align-items:center; background:white; border:1px solid var(--line); border-left:4px solid var(--up); border-radius:10px; padding:15px 18px; margin-bottom:20px; }.outage-summary.has-outages { border-left-color:var(--down); }.outage-summary strong { display:block; }.active-outage-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:20px; }.active-outage-card { display:flex; align-items:flex-start; gap:12px; background:#fff4f3; border:1px solid #f2c9c5; color:var(--ink); text-decoration:none; border-radius:10px; padding:15px; }.active-outage-card .status-dot { margin-top:6px; }.active-outage-card small { display:block; color:var(--muted); }.tracking-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }.tracking-grid>div { background:white; border:1px solid var(--line); border-radius:9px; padding:13px 16px; }.tracking-grid span { display:block; color:var(--muted); font-size:12px; }.tracking-grid strong { font-size:17px; }.outage-box { background:#fff4f3; border:1px solid #e7aaa5; border-left:4px solid var(--down); border-radius:9px; padding:14px 17px; margin-bottom:20px; overflow-wrap:anywhere; }
.table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; } th,td { text-align:left; padding:13px 18px; border-bottom:1px solid #edf0f4; white-space:nowrap; } th { color:var(--muted); font-size:11px; letter-spacing:.06em; text-transform:uppercase; } tbody tr:last-child td { border-bottom:0; }.inline-status { display:flex; gap:9px; align-items:center; font-weight:650; }.error-message { max-width:360px; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:800px) { .service-row { grid-template-columns:14px 1fr auto; }.metric,.last-check,.chevron { display:none; }.summary-grid,.tracking-grid { grid-template-columns:repeat(2,1fr); }.active-outage-grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .container { width:min(100% - 24px,1120px); }.page-heading,.detail-header { align-items:flex-start; flex-direction:column; }.summary-grid { grid-template-columns:1fr; } main { padding-top:25px; } }

/* Compact desktop operations dashboard */
.dashboard-page { overflow:hidden; background:#eef2f7; color:#152033; }
.dashboard-page>.site-header,.dashboard-page>footer { display:none; }
.dashboard-page>.container { width:100%; max-width:none; height:100vh; padding:0; }
.dashboard-page .status-dot { width:8px; height:8px; box-shadow:none; }
.ops-shell { height:100vh; display:grid; grid-template-rows:72px minmax(0,1fr); }
.ops-topbar { display:grid; grid-template-columns:245px minmax(600px,1fr) 150px; align-items:center; gap:28px; padding:0 24px; color:#fff; background:linear-gradient(100deg,#111b30 0%,#182642 65%,#1d2e4e 100%); border-bottom:1px solid #293b5d; }
.ops-brand a { display:block; color:#fff; font-size:17px; line-height:1.1; font-weight:800; letter-spacing:.09em; text-decoration:none; }.ops-brand a span { color:#80a5ff; }.ops-brand small { color:#93a5c1; font-size:11px; }
.ops-summary { display:flex; align-items:stretch; height:46px; border:1px solid #ffffff16; border-radius:9px; background:#ffffff08; overflow:hidden; }
.summary-stat { display:flex; align-items:center; justify-content:center; gap:9px; min-width:110px; padding:0 18px; border-right:1px solid #ffffff14; }.summary-stat:last-child { border:0; }.summary-stat span { color:#9dacc3; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }.summary-stat strong { font-size:18px; font-variant-numeric:tabular-nums; }.summary-stat.is-up strong { color:#55d69d; }.summary-stat.is-degraded strong { color:#ffc25c; }.summary-stat.is-down strong,.summary-stat.is-outage strong { color:#ff7b78; }
.ops-refresh { display:flex; justify-content:flex-end; align-items:center; gap:10px; }.ops-refresh small,.ops-refresh strong { display:block; text-align:right; }.ops-refresh small { color:#8fa0ba; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.ops-refresh strong { font-size:14px; font-variant-numeric:tabular-nums; }.live-pulse { display:inline-block; width:7px; height:7px; border-radius:50%; background:#36c988; box-shadow:0 0 0 4px #36c9881f; }
.dashboard-grid { min-height:0; display:grid; grid-template-columns:minmax(270px,25fr) minmax(530px,45fr) minmax(310px,30fr); gap:14px; padding:14px; }
.dashboard-column { min-width:0; min-height:0; }.attention-column,.insights-column { display:grid; gap:12px; }.attention-column { grid-template-rows:minmax(145px,1.15fr) minmax(145px,1fr) minmax(130px,.9fr); }.insights-column { grid-template-rows:150px minmax(210px,1.4fr) minmax(150px,1fr) 145px; }
.attention-column.all-clear { grid-template-rows:120px 105px 105px; align-content:start; }.insights-column.no-incidents { grid-template-rows:150px minmax(210px,1fr) 120px 145px; }
.ops-panel { min-height:0; overflow:hidden; background:#fff; border:1px solid #dce3ed; border-radius:10px; box-shadow:0 2px 8px #18243a08; }.ops-panel.has-alert { border-color:#efa9a5; box-shadow:0 0 0 1px #e14b4430; }
.panel-header { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid #e9edf3; }.panel-header h2 { margin:0; color:#27354a; font-size:12px; line-height:1.2; letter-spacing:.075em; }.panel-header a { color:#4168c8; font-size:11px; font-weight:700; text-decoration:none; }.panel-header small { display:block; color:#8a95a6; font-size:10px; margin-top:2px; }.panel-kicker { display:block; color:#8995a7; font-size:9px; line-height:1.1; letter-spacing:.1em; text-transform:uppercase; margin-bottom:3px; }.panel-count,.period-label { padding:3px 7px; color:#6d788a; background:#f1f4f8; border-radius:999px; font-size:10px; font-weight:700; }
.panel-scroll { min-height:0; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#cbd3de transparent; }.positive-empty { display:flex; align-items:center; gap:11px; padding:18px 15px; }.positive-empty strong,.positive-empty small { display:block; }.positive-empty strong { color:#247450; font-size:13px; }.positive-empty small,.quiet-empty { color:#8993a2; font-size:11px; }.quiet-empty { padding:15px; }
.incident-row,.attention-row,.recovery-row { display:grid; align-items:start; gap:10px; padding:11px 14px; color:var(--ink); text-decoration:none; border-bottom:1px solid #edf0f4; }.incident-row { grid-template-columns:8px 1fr; }.attention-row,.recovery-row { grid-template-columns:8px minmax(0,1fr) auto; }.incident-row:last-child,.attention-row:last-child,.recovery-row:last-child { border-bottom:0; }.incident-row:hover,.attention-row:hover,.recovery-row:hover { background:#f8faff; }.incident-row .status-dot,.attention-row .status-dot,.recovery-row .status-dot { margin-top:5px; }.incident-row strong,.attention-row strong,.recovery-row strong,.incident-row small,.attention-row small,.recovery-row small,.incident-row em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.incident-row strong,.attention-row strong,.recovery-row strong { font-size:12px; }.incident-row small,.attention-row small,.recovery-row small { color:#788497; font-size:10px; }.incident-row em,.attention-row em,.recovery-row em { color:#8c96a5; font-size:10px; font-style:normal; }.incident-row em { margin-top:3px; }
.services-column { display:grid; grid-template-rows:42px minmax(0,1fr); }.column-title { display:flex; align-items:flex-start; justify-content:space-between; padding:0 3px 8px; }.column-title h1 { margin:0; font-size:21px; }.column-title>span { color:#8a95a6; font-size:10px; margin-top:13px; text-transform:uppercase; letter-spacing:.06em; }.services-scroll { min-height:0; overflow-y:auto; padding-right:3px; scrollbar-width:thin; scrollbar-color:#c5cedb transparent; }.service-panel { margin-bottom:10px; }.service-panel:last-child { margin-bottom:0; }
.service-table-head,.service-table-row { display:grid; grid-template-columns:minmax(190px,1fr) 90px 78px 68px; align-items:center; gap:10px; }.service-table-head { min-height:26px; padding:0 13px; color:#929cab; background:#f8fafc; border-bottom:1px solid #edf0f4; font-size:9px; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }.service-table-row { min-height:43px; padding:5px 13px; color:#263449; text-decoration:none; border-bottom:1px solid #edf0f4; }.service-table-row:last-child { border-bottom:0; }.service-table-row:hover { background:#f6f9fd; }.service-primary { min-width:0; }.service-primary strong,.service-primary small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.service-primary strong { font-size:11px; }.service-primary small { color:#98a1ae; font-size:9px; }.status-chip { display:inline-flex; width:max-content; align-items:center; gap:6px; padding:3px 7px; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.035em; }.status-chip i { width:6px; height:6px; border-radius:50%; }.status-chip-up { color:#17754d; background:#eaf7f1; }.status-chip-up i { background:var(--up); }.status-chip-degraded { color:#a66707; background:#fff5df; }.status-chip-degraded i { background:var(--degraded); }.status-chip-down { color:#ad3533; background:#fff0ef; }.status-chip-down i { background:var(--down); }.status-chip-unknown { color:#677287; background:#eef1f5; }.status-chip-unknown i { background:var(--unknown); }.response-value,.check-time { color:#566174; font-size:10px; font-variant-numeric:tabular-nums; }.check-time { color:#9099a7; }
.cos-instance-row { display:grid; grid-template-columns:1fr 90px 75px; align-items:center; gap:10px; min-height:49px; padding:7px 14px; color:#27354a; text-decoration:none; border-bottom:1px solid #edf0f4; }.cos-instance-row:hover { background:#f7f9fc; }.cos-instance-row span:first-child small,.cos-instance-row span:first-child strong { display:block; }.cos-instance-row span:first-child small { color:#9099a7; font-size:9px; }.cos-instance-row span:first-child strong { font-size:12px; }.bucket-metrics { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #edf0f4; }.bucket-metrics>div { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:7px; padding:9px 12px; border-right:1px solid #edf0f4; }.bucket-metrics>div:last-child { border-right:0; }.bucket-metrics small { color:#7f8a9b; font-size:9px; }.bucket-metrics strong { font-size:13px; }.bucket-exceptions>a { display:grid; grid-template-columns:8px 1fr 70px 65px; gap:8px; align-items:center; padding:7px 13px; color:#334158; text-decoration:none; border-top:1px solid #edf0f4; font-size:10px; }.bucket-exceptions em { color:#717d8e; font-style:normal; text-align:right; }.all-operational { display:flex; align-items:center; gap:8px; padding:10px 13px; color:#47735f; background:#f8fcfa; font-size:10px; font-weight:650; }
.uptime-panel { position:relative; }.uptime-value { padding:13px 16px 0; color:#1a6e4b; font-size:34px; font-weight:750; line-height:1; letter-spacing:-.04em; }.uptime-value small { font-size:17px; }.uptime-meta { padding:8px 16px; color:#8a95a6; font-size:10px; }.ranking-list a,.incident-history-row { display:grid; align-items:center; gap:9px; min-height:37px; padding:7px 13px; color:#344158; text-decoration:none; border-bottom:1px solid #edf0f4; }.ranking-list a { grid-template-columns:20px minmax(0,1fr) auto; }.ranking-list a:last-child,.incident-history-row:last-child { border-bottom:0; }.ranking-list a:hover,.incident-history-row:hover { background:#f8faff; }.ranking-list .rank { display:grid; place-items:center; width:18px; height:18px; color:#7e899a; background:#f0f3f7; border-radius:5px; font-size:9px; font-weight:800; }.ranking-list strong,.incident-history-row strong { overflow:hidden; color:#344158; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.ranking-list em,.incident-history-row em { color:#637084; font-size:10px; font-style:normal; font-variant-numeric:tabular-nums; }.ranking-list .slow-warning { color:#b66d00; font-weight:800; }.incident-history-row { grid-template-columns:minmax(0,1fr) auto; }.incident-history-row span strong,.incident-history-row span small { display:block; }.incident-history-row small { color:#939ca9; font-size:9px; }
.system-panel dl { margin:0; padding:6px 14px; }.system-panel dl div { display:flex; justify-content:space-between; align-items:center; min-height:27px; border-bottom:1px solid #edf0f4; }.system-panel dl div:last-child { border-bottom:0; }.system-panel dt { color:#7b8797; font-size:10px; }.system-panel dd { display:flex; align-items:center; gap:7px; margin:0; color:#3f4c60; font-size:10px; font-weight:700; font-variant-numeric:tabular-nums; }
@media (max-width:1250px) { .dashboard-page { overflow:auto; }.ops-shell { height:auto; min-height:100vh; }.ops-topbar { grid-template-columns:210px 1fr 125px; gap:12px; }.summary-stat { min-width:90px; padding:0 10px; }.summary-stat span { display:none; }.dashboard-grid { grid-template-columns:300px minmax(500px,1fr); }.insights-column { grid-column:1/-1; grid-template-columns:repeat(4,1fr); grid-template-rows:220px; }.attention-column { min-height:720px; }.services-column { min-height:720px; } }
@media (max-width:850px) { .ops-topbar { grid-template-columns:1fr auto; height:auto; min-height:84px; }.ops-summary { grid-column:1/-1; grid-row:2; }.ops-shell { display:block; }.dashboard-grid { display:block; padding:10px; }.dashboard-column { margin-bottom:12px; }.attention-column,.insights-column { display:block; min-height:0; }.attention-column .ops-panel,.insights-column .ops-panel { margin-bottom:10px; }.services-column { display:block; min-height:0; }.services-scroll { overflow:visible; }.service-table-head { display:none; }.service-table-row { grid-template-columns:minmax(150px,1fr) 85px 65px; }.check-time { display:none; } }

/* Current versus 24-hour response-time comparison and Cloudant overview. */
.summary-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.service-table-head,.service-table-row { grid-template-columns:minmax(180px,1fr) 86px 68px 68px; gap:10px; }
.service-table-row { min-height:36px; }
.panel-header-meta,.panel-header-actions { display:flex; align-items:center; gap:9px; }
.panel-header-meta small { margin:0; white-space:nowrap; }
.panel-header-actions a { white-space:nowrap; }
.muted-value { color:#929cab; }
.cos-instance-row { grid-template-columns:minmax(150px,1fr) 86px 62px 82px; gap:8px; }
.cloudant-table-head,.cloudant-instance-row { display:grid; grid-template-columns:minmax(180px,1fr) 86px 68px 68px; align-items:center; gap:10px; }
.cloudant-table-head { min-height:26px; padding:0 13px; color:#929cab; background:#f8fafc; border-bottom:1px solid #edf0f4; font-size:9px; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }
.cloudant-instance-row { min-height:39px; padding:5px 13px; color:#27354a; text-decoration:none; border-bottom:1px solid #edf0f4; }
.cloudant-instance-row:hover { background:#f7f9fc; }
.cloudant-instance-row:last-child { border-bottom:0; }
.cloudant-instance-list { border-bottom:1px solid #edf0f4; }
@media (max-width:850px) {
  .service-table-row { grid-template-columns:minmax(145px,1fr) 85px 65px 65px; }
  .service-table-row .check-time { display:none; }
  .cloudant-table-head { display:none; }
  .cloudant-instance-row { grid-template-columns:minmax(145px,1fr) 85px 65px; }
  .cloudant-instance-row .muted-value,.cos-instance-row .muted-value { display:none; }
}

/* Customer-facing status: no customer names, endpoints, or monitor errors. */
.public-status-page { background:#f5f7fb; }.public-status-page .site-header { background:#10223f; border:0; }.public-status-page .brand,.public-status-page .site-header p { color:#fff; }.public-status-page .header-link { color:#a8c6ff; }
.login-page { display:grid; min-height:100vh; place-items:center; margin:0; background:#f5f7fb; }.login-card { width:min(400px,calc(100% - 48px)); padding:36px; border:1px solid #e3e9f1; border-radius:14px; background:#fff; box-shadow:0 16px 36px rgba(19,40,71,.09); }.login-card h1 { margin:6px 0 10px; color:#132847; }.login-card>p { color:#5f6d81; }.login-card form { display:grid; gap:9px; margin:26px 0 18px; }.login-card label { color:#40516a; font-size:13px; font-weight:700; }.login-card input { padding:11px 12px; border:1px solid #cfd8e5; border-radius:7px; font:inherit; }.login-card button { padding:11px 14px; border:0; border-radius:7px; background:#132847; color:#fff; font:inherit; font-weight:700; cursor:pointer; }.login-card a { color:#2266aa; font-size:13px; }.login-error { padding:10px 12px; border-radius:7px; background:#fff0ef; color:#ad3533; font-size:13px; }
.logout-form { display:inline; }.logout-form button { margin:0; padding:0; border:0; background:none; color:#a8c6ff; font:inherit; cursor:pointer; }
.status-hero { padding:64px 0 38px; }.status-hero h1 { margin:7px 0 10px; color:#132847; font-size:clamp(32px,5vw,48px); letter-spacing:-.035em; }.status-hero>p { max-width:580px; color:#5f6d81; font-size:18px; }.status-hero .status-updated { margin-top:20px; color:#7d8998; font-size:13px; }
.public-section { margin:0 0 22px; padding:27px; background:#fff; border:1px solid #dfe6ef; border-radius:16px; box-shadow:0 8px 26px #233b5b0a; }.public-section-heading { display:flex; justify-content:space-between; align-items:start; gap:16px; margin-bottom:20px; }.public-section h2 { margin:2px 0 0; color:#1c304c; font-size:23px; }.public-section>p { color:#667488; margin:-8px 0 20px; }
.product-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.product-status-card { min-height:158px; padding:20px; border:1px solid #e3e9f1; border-radius:12px; background:linear-gradient(150deg,#fff 20%,#f8faff); }.product-status-card>div { display:flex; justify-content:space-between; gap:10px; align-items:start; }.product-status-card h3 { margin:0; color:#203653; font-size:19px; }.product-status-card dl { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:27px 0 0; }.product-status-card dl div+div { border-left:1px solid #e1e7ef; padding-left:12px; }.product-status-card dt { color:#7d8998; font-size:11px; }.product-status-card dd { margin:4px 0 0; color:#40516a; font-size:13px; font-weight:700; }
.dependency-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.dependency-list>div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 15px; border-radius:9px; background:#f7f9fc; color:#344966; font-weight:650; }.public-all-clear,.public-incident { display:flex; gap:13px; align-items:center; padding:17px; border-radius:10px; }.public-all-clear { color:#286846; background:#effaf4; border:1px solid #ccebd9; }.public-incident { color:#822e2a; background:#fff3f2; border:1px solid #f2cac7; }.public-all-clear strong,.public-incident strong { display:block; }.public-all-clear p,.public-incident p { margin:3px 0 0; font-size:13px; color:#637084; }
@media (max-width:700px) { .status-hero { padding-top:40px; }.public-section { padding:20px; }.product-status-grid,.dependency-list { grid-template-columns:1fr; }.product-status-card dl { grid-template-columns:1fr; gap:8px; margin-top:20px; }.product-status-card dl div+div { border:0; padding:0; }.public-section-heading { display:block; }.public-section-heading .period-label { display:inline-block; margin-top:9px; } }

/* The customer page should keep all its essential status information in a
   1920×1080 desktop viewport, rather than devoting it to introductory space. */
@media (min-width:1200px) and (min-height:800px) {
  .public-status-page .site-header { padding:16px 0; }
  .public-status-page main { padding:24px 0 32px; }
  .public-status-page .site-header p { margin-top:0; }
  .public-status-page .status-hero { padding:18px 0 20px; }
  .public-status-page .status-hero h1 { margin:3px 0 5px; font-size:36px; }
  .public-status-page .status-hero>p { margin:0; font-size:16px; }
  .public-status-page .status-hero .status-updated { margin-top:9px; font-size:12px; }
  .public-status-page .public-section { margin-bottom:14px; padding:20px 26px; border-radius:13px; }
  .public-status-page .public-section-heading { margin-bottom:13px; }
  .public-status-page .public-section h2 { font-size:19px; }
  .public-status-page .public-section>p { margin:-4px 0 12px; font-size:14px; }
  .public-status-page .product-status-card { min-height:118px; padding:15px 18px; }
  .public-status-page .product-status-card h3 { font-size:17px; }
  .public-status-page .product-status-card dl { margin-top:17px; }
  .public-status-page .dependency-list>div { padding:10px 14px; }
  .public-status-page .public-all-clear,.public-status-page .public-incident { padding:13px 16px; }
}

/* Fit every service panel in the 1920x1080 operations viewport. */
@media (min-width:1251px) and (min-height:850px) {
  .services-column { grid-template-rows:38px minmax(0,1fr); }
  .column-title { padding-bottom:5px; }
  .column-title h1 { font-size:19px; }
  .column-title>span { margin-top:10px; }
  .service-panel { margin-bottom:7px; }
  .service-panel .panel-header { min-height:38px; padding:6px 13px; }
  .service-table-head,.cloudant-table-head { min-height:21px; }
  .service-table-row { min-height:29px; padding-top:3px; padding-bottom:3px; }
  .cloudant-instance-row { min-height:30px; padding-top:3px; padding-bottom:3px; }
  .cloudant-instance-row .service-primary strong { line-height:1.15; }
  .cloudant-instance-row .service-primary small { line-height:1.1; }
  .cos-instance-row { min-height:37px; padding-top:4px; padding-bottom:4px; }
  .bucket-metrics>div { padding-top:6px; padding-bottom:6px; }
  .all-operational { padding-top:7px; padding-bottom:7px; }
  .service-table-row .service-primary strong,
  .cloudant-instance-row .service-primary strong,
  .cos-instance-row strong { font-size:12px; line-height:1; }
  .service-table-row .response-value,
  .cloudant-instance-row .response-value,
  .cos-instance-row .response-value { font-size:11px; line-height:1; }
  .service-table-row .status-chip,
  .cloudant-instance-row .status-chip,
  .cos-instance-row .status-chip { font-size:10px; line-height:1; }
}