@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
 :root{color-scheme:dark;--paper:#0B111B;--ink:#FFFFFF;--accent:#FF625B}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Manrope",sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:24px}header,footer{border-bottom:1px solid #344052}nav{display:flex;flex-wrap:wrap;gap:16px}a{color:#FF625B}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.brand{font-size:26px;font-weight:800;text-decoration:none;color:var(--ink)}h1{font:800 clamp(36px,6vw,60px)/1.1 "Manrope",sans-serif}h2{font:800 30px/1.2 "Manrope",sans-serif}article,section{margin:28px 0;padding:20px;border:1px solid #344052;border-radius:10px;background:#121C2A}p{max-width:75ch}.muted{color:#B8C2D1}.history{display:grid;grid-template-columns:repeat(15,1fr);gap:4px}.day{min-height:25px;background:#e7e2da;border:1px solid #a89d8e}.operational{background:#bbd7ba}.degraded{background:#fcd68a}.down{background:#e6a29b}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:10px;border-bottom:1px solid #344052}footer{margin-top:40px;font-size:14px}@media(max-width:600px){header,main,footer{padding:16px}.history{grid-template-columns:repeat(10,1fr)}}
.brand{display:inline-flex;align-items:center;letter-spacing:0.75px}.mark{width:32px;height:32px;margin-right:10px;flex-shrink:0}.down{background:#C92A35}.day:not(.operational):not(.degraded):not(.down){background:#344052}

pre{overflow-x:auto;padding:20px;background:#0B111B;border:1px solid #344052;border-radius:8px}code{font-family:ui-monospace,monospace}

/* Shared keyboard, narrow-screen and touch support. */
:focus-visible{outline:3px solid #FF625B;outline-offset:4px}
body{overflow-wrap:anywhere}nav a{display:inline-flex;align-items:center;min-height:44px}
button,input,textarea,summary{min-height:44px}button{max-width:100%;white-space:normal}
input,textarea{max-width:100%}pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
table{table-layout:fixed}td,th{overflow-wrap:anywhere}main,section,article{min-width:0}
button:disabled{cursor:wait;opacity:.75}a{ text-underline-offset:3px}
@media(max-width:600px){label input,label textarea{display:block;width:100%}form button{margin-top:8px}td,th{padding:6px}nav{gap:8px 16px}}
