:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182d35;background:#f5f8fa;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}a{color:#087e82;text-underline-offset:4px}header,footer{max-width:1000px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:186px;height:60px;object-fit:contain}header>a:last-child{font-weight:600}main{max-width:900px;margin:32px auto 64px;padding:0 28px}h1{font-size:36px;margin:8px 0 30px;line-height:1.2}h2{font-size:20px;line-height:1.4;margin:0 0 8px}.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;color:#56727b;margin:0}.summary{display:flex;align-items:center;gap:18px;padding:26px 0;border-top:1px solid #ccdce0;border-bottom:1px solid #ccdce0;margin-bottom:38px}.summary>div{flex:1;min-width:0}.summary p{margin:0;color:#506873;font-size:14px}.dot{width:12px;height:12px;border-radius:50%;background:#77868c;flex-shrink:0}.operational{background:#078666}.degraded,.unavailable{background:#bf422f}.unknown,.checking{background:#a87818}button,.support-button{font:inherit;font-weight:600;padding:12px 18px;border:1px solid #acbec5;border-radius:6px;cursor:pointer;text-decoration:none;white-space:nowrap}button{background:#fff;color:#182d35}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #287ce1;outline-offset:3px}ul{padding:0;margin:18px 0;list-style:none}li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #d9e3e7;font-weight:600}li>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;white-space:nowrap}.scope{color:#5f707b;font-size:14px;line-height:1.6;margin:24px 0 44px}.support{border-top:1px solid #ccdce0;padding-top:28px;display:flex;gap:24px;align-items:center;justify-content:space-between}.support p{line-height:1.6;color:#506873;max-width:470px}.support-button{background:#087e82;color:white;border-color:#087e82}footer{border-top:1px solid #d9e3e7;font-size:14px;color:#506873}@media(max-width:560px){header,footer{padding:16px 20px}header img{width:155px;height:50px}main{padding:0 20px;margin-top:24px}h1{font-size:30px}.summary{flex-wrap:wrap;gap:12px}.summary>div{flex-basis:75%}.summary button{margin-left:24px}.support{flex-direction:column;align-items:flex-start}.support-button{width:100%;text-align:center}li{font-size:14px;gap:8px}li>span{font-size:12px}footer{flex-wrap:wrap}}
/* Keep the pale wordmark legible on the light status-page header. */
header img {
  display: block;
  background: #102143;
  border-radius: 6px;
  padding: 4px 8px;
}