/* The public status page (/status): the website's look; each part of the service as a line of 90 day bars, the same
   idea as the site's day line, coloured by the worst state of that day. */
.st-hero{padding:56px 0 24px}.st-hero h1{font:600 clamp(30px,4.5vw,46px)/1.1 var(--f-head);letter-spacing:-.02em;margin:0 0 10px;display:flex;align-items:center;gap:14px}
.st-hero h1::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--st,var(--evergreen));box-shadow:0 0 0 6px color-mix(in srgb,var(--st,var(--evergreen)) 18%,transparent);flex:none}
.st-hero .lede{max-width:62ch;margin:0;color:var(--slate);font-size:18px}.st-upd{color:var(--slate);font-size:13.5px;margin:10px 0 0}
.st-s{padding:14px 0}.st-s h2{font:600 22px/1.25 var(--f-head);margin:0 0 6px}.st-sub{color:var(--slate);margin:0 0 14px}
.st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.st-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--slate);font-size:13px;margin:0}.st-legend i,.st-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}
.ok{background:color-mix(in srgb,var(--evergreen) 72%,var(--surface))}.degraded{background:#d9a23b}.partial{background:#e07b2b}.major{background:#c0392b}.maintenance{background:#5b7fa6}.none{background:var(--line)}
.st-comps{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);overflow:hidden}
.st-comp{padding:16px 20px;border-top:1px solid var(--line)}.st-comp:first-child{border-top:0}
.st-comp-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.st-comp-h b{font-size:16px}.st-state{font-size:14px;font-weight:600}.st-up{color:var(--slate);font-size:13px}
.st-bars{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;margin-top:10px;height:26px}.st-bars i{border-radius:2px;display:block}
.st-axis{display:flex;justify-content:space-between;color:var(--slate);font-size:12px;margin-top:4px}
.st-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:16px 20px;margin-bottom:12px}
.st-card.live{border-color:#d9a23b;background:color-mix(in srgb,#d9a23b 7%,var(--surface))}.st-card.maint{border-color:#5b7fa6}
.st-card h3{margin:0 0 4px;font-size:17px}.st-meta{color:var(--slate);font-size:13px;margin:0 0 10px}
.st-tl{list-style:none;margin:0;padding:0}.st-tl li{padding:8px 0 8px 14px;border-inline-start:2px solid var(--line);margin-inline-start:4px}.st-tl b{display:inline-block;min-width:110px;margin-inline-end:6px}.st-tl time{display:block;color:var(--slate);font-size:13px;margin-top:2px}
.st-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px;align-items:start}
.st-sub-box{border:1px solid var(--line);border-radius:var(--r-card);padding:20px;background:var(--tint);position:sticky;top:calc(var(--hd) + 16px)}.st-sub-box p{color:var(--slate);margin:0 0 14px}
.st-sub-box label{font-weight:600;font-size:14px;display:block;margin-bottom:6px}.st-row{display:flex;gap:8px}.st-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-btn);padding:10px 12px;font:inherit;background:var(--surface);color:var(--ink)}
.st-msg{min-height:20px;font-size:14px;margin:8px 0 0}.st-month{font-weight:600;color:var(--slate);margin:18px 0 8px;font-size:14px}
.st-empty{color:var(--slate);border:1px dashed var(--line);border-radius:var(--r-card);padding:18px}
@media (max-width:860px){.st-two{grid-template-columns:1fr}.st-sub-box{position:static}.st-bars{grid-template-columns:repeat(45,1fr)}.st-bars i:nth-child(-n+45){display:none}}
@media (max-width:480px){.st-row{flex-direction:column}.st-comp{padding:14px}}