:root{font:16px/1.6 system-ui,sans-serif;color:#16332c;background:#f7faf8}*{box-sizing:border-box}body{margin:0}header,footer,main{max-width:800px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d5e1db}a{color:#17634f}a:focus-visible{outline:3px solid #17634f;outline-offset:4px}.brand{font-weight:750;text-decoration:none;font-size:21px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#426358}h1{font-size:clamp(30px,6vw,46px);line-height:1.15;letter-spacing:-.035em}h2{font-size:21px;margin-top:40px}h3{font-size:17px;margin:0}p{color:#426358}.summary{padding:24px;background:#dceee3;border:1px solid #adcab9;border-radius:12px;font-size:20px;font-weight:700;display:flex;gap:12px}.degraded,.maintenance,.pending,.notice{background:#fff0c9;color:#634600}.outage,.down{color:#97262b;background:#ffe9e9}.notice{padding:16px;border-radius:8px}.updated,.fine,footer{font-size:13px}.component{padding:20px;margin:12px 0;background:white;border:1px solid #d5e1db;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.component>div{flex:1}.component>p,.component>ol{width:100%}.state{border-radius:30px;padding:3px 12px;font-size:13px;text-transform:capitalize}.up{color:#17634f;background:#e2f2e8}.uptime{list-style:none;display:flex;gap:20px;width:100%;margin:0;padding:16px 0 0;border-top:1px solid #edf1ee;font-size:13px}.uptime strong{margin-left:8px}footer{border-top:1px solid #d5e1db;margin-top:40px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}