:root{font:14px/1.6 system-ui,sans-serif;color:#1d2825;background:#fafcfb;letter-spacing:0}*{box-sizing:border-box}body{margin:0;padding:0 20px}header,main,footer{max-width:880px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0}.brand{font-size:21px;font-weight:750;text-decoration:none;color:#173d30}.brand span{font-weight:400;color:#63756d;font-size:16px;margin-left:10px}button{font:inherit;min-height:40px;padding:7px 13px;border:1px solid #bccac3;border-radius:5px;background:#fff;color:#24372e;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#28654e}h1{font-size:22px;margin:0 0 8px;line-height:1.3}h2{font-size:17px;margin:0}.summary{background:#e8f2ed;border-block:1px solid #b7d3c2;padding:22px 20px;margin:12px 0 32px}.summary p{margin:0;color:#50635a}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.section-heading span{font-size:12px;color:#6b7b73}.service{padding:20px 0;border-bottom:1px solid #dce4df}.service-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.service-head h3{font-size:15px;margin:0}.state{font-size:12px;font-weight:650}.state::before,.legend span::before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:currentColor}.up{color:#178557}.degraded{color:#a3650e}.down{color:#b53a47}.unknown{color:#78847e}.service p{font-size:12px;color:#63736a;margin:5px 0 12px}.bars{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:28px}.bar{background:#dce2de;min-width:0;border:0;border-radius:1px;padding:0;min-height:28px}.bar.up{background:#29a67a}.bar.degraded{background:#deb74a}.bar.down{background:#d56c77}.bar:focus-visible{outline:2px solid #263e73;outline-offset:2px}.dates{display:flex;justify-content:space-between;font-size:11px;color:#7b8780;margin-top:5px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:18px 0 36px}.event{padding:14px 0;border-bottom:1px solid #dce4df;display:flex;gap:16px;justify-content:space-between}.event time{color:#6c7b73;font-size:12px}.method{margin:36px 0;font-size:12px;color:#6c7b73}footer{display:flex;gap:20px;border-top:1px solid #dce4df;padding:24px 0;font-size:12px}#older{margin-top:16px}@media(max-width:520px){header{padding:20px 0;flex-wrap:wrap}.brand{font-size:19px}.section-heading{align-items:flex-start;flex-direction:column}.bars{gap:1px;height:24px}.bar{min-height:24px}.service-head{align-items:flex-start}.event{flex-direction:column;gap:4px}.summary{padding:18px 14px}h1{font-size:19px}button{min-height:44px}}[hidden]{display:none!important}
/* Compact status overview; service explanations remain available on demand. */
header,main,footer{max-width:680px}header{padding:34px 0 24px}.brand{display:flex;align-items:center;color:#172321;font-size:23px}.brand:before{content:'';width:30px;height:30px;margin-right:9px;background:url(icon-32.png) center/contain no-repeat}.brand span{font-size:13px;margin-left:8px}h1{font-size:17px;font-weight:600;margin:0;padding:16px 18px;border-bottom:1px solid #cde5db}.summary{padding:0;margin:0 0 22px;border:1px solid #adddcd;border-radius:8px;overflow:hidden;background:#fff}.summary h1{background:#def8ed}.summary p{padding:12px 18px;font-size:11px}.summary[data-state=unknown]{border-color:#d2d8de}.summary[data-state=unknown] h1{background:#eef1f4}.summary[data-state=down]{border-color:#e8b7bf}.summary[data-state=down] h1{background:#ffe8ec}.summary[data-state=degraded] h1{background:#fff1d4}.section-heading{margin:0;padding:14px 16px;border:1px solid #dfe4e7;border-radius:8px 8px 0 0;background:#fff}.section-heading h2{font-size:14px;font-weight:600}.section-heading span{font-size:11px}#services{border:1px solid #dfe4e7;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;background:#fff}.service{padding:12px 16px;border-color:#edf0f2}.service:last-child{border-bottom:0}.service-head{cursor:pointer;list-style:none;gap:8px;min-height:22px}.service-head::-webkit-details-marker{display:none}.service-head h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.service-head h3:before{content:'›';color:#8c979f;display:inline-block;transition:transform .18s ease}details[open] .service-head h3:before{transform:rotate(90deg)}.state{font-size:11px;white-space:nowrap}.state:before{width:6px;height:6px;margin-right:5px}.bars{height:16px;margin-top:7px;gap:2px}.bar{min-height:16px;border-radius:0;transition:opacity .15s ease,transform .15s ease}.bar:hover{opacity:.75;transform:scaleY(1.2)}.service p{margin:8px 0 10px;font-size:12px;animation:reveal .18s ease}.legend{justify-content:center;gap:12px;font-size:10px;margin:10px 0 20px}.legend span:before{width:6px;height:6px;margin-right:4px}.history-panel>summary{display:table;margin:0 auto;cursor:pointer;border:1px solid #d2d8dc;border-radius:6px;background:#fff;padding:8px 14px;font-size:12px;list-style:none}.history-panel[open]>summary{margin-bottom:12px}.event{padding:10px 0;font-size:12px}.method{font-size:10px;line-height:1.6;color:#84918e;text-align:center;margin:22px 0 18px}footer{padding:14px 0 20px;justify-content:center;font-size:11px}.history-panel[open] #history{animation:reveal .2s ease}@keyframes reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){body{padding:0 16px}header{padding:20px 0;gap:8px}.brand{font-size:18px}.brand span{font-size:11px}.section-heading{flex-direction:row;align-items:center;padding:12px}.section-heading span{font-size:10px}.service{padding:11px 12px}.service-head{align-items:center}.bars{height:16px;gap:1px}.bar{min-height:16px}.summary{padding:0}.summary h1{font-size:15px}.summary p{font-size:10px}.legend{gap:8px}.state{font-size:10px}#refresh{font-size:11px;min-height:40px;padding:6px 9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#theme{font:inherit;color:inherit;background:transparent;border:1px solid #b7c5bf;border-radius:5px;padding:6px 8px;min-height:32px}footer{align-items:center;flex-wrap:wrap}:root[data-theme=dark]{color-scheme:dark;color:#edf2f0;background:#101413}:root[data-theme=dark] :is(.brand,button){color:#edf2f0}:root[data-theme=dark] :is(.summary,.section-heading,#services,button,.history-panel>summary){background:#191f1d;border-color:#38413d}:root[data-theme=dark] .summary h1{background:#163a2c;border-color:#385649}:root[data-theme=dark] .summary[data-state=unknown] h1{background:#252c30}:root[data-theme=dark] .summary[data-state=down] h1{background:#48272e}:root[data-theme=dark] .summary[data-state=degraded] h1{background:#44391f}:root[data-theme=dark] :is(.summary p,.service p,.section-heading span,.brand span,.event time,.method){color:#acb9b2}:root[data-theme=dark] :is(.service,.event,footer){border-color:#303a35}:root[data-theme=dark] a{color:#a3d9c2}:root[data-theme=dark] .bar.unknown{background:#424c47}:root[data-theme=dark] .up{color:#65d4a5}:root[data-theme=dark] .degraded{color:#ebc76b}:root[data-theme=dark] .down{color:#ff939f}:root[data-theme=dark] .unknown{color:#b4beb8}