:root{
  --st-up:#1E7A45;
  --st-down:#B42318;
  --st-part:#A15C07;
  --st-hatch:var(--line-strong);
}
:root[data-theme="dark"]{
  --st-up:#43B873;
  --st-down:#FF6A5C;
  --st-part:#E8A33D;
  --st-hatch:var(--line-strong);
}

.st-head .lv-trio{margin-top:1.4rem}

.st-banner{
  position:relative;display:grid;gap:1rem 2rem;align-items:center;
  padding:1.25rem clamp(1rem,3vw,1.75rem);
  border:2px solid var(--plate-edge);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 3px),
    linear-gradient(158deg,var(--plate-face) 0%,var(--plate-face-2) 52%,var(--plate-face) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 var(--plate-edge);
  border-left:8px solid var(--line-strong);
}
@media (min-width:52rem){.st-banner{grid-template-columns:minmax(0,1fr) auto}}
.st-banner[data-state="up"]{border-left-color:var(--st-up)}
.st-banner[data-state="down"]{border-left-color:var(--st-down)}
.st-banner-main{display:flex;gap:1rem;align-items:center;min-width:0}
.st-lamp{
  flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;
  background:var(--paper);border:2px solid var(--plate-edge);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.18);
}
.st-lamp svg{width:1.7rem;height:1.7rem;fill:none;stroke:var(--steel);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.st-banner[data-state="up"] .st-lamp svg{stroke:var(--st-up)}
.st-banner[data-state="down"] .st-lamp svg{stroke:var(--st-down)}
.st-banner[data-state="up"] .st-lamp{box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 0 0 4px color-mix(in srgb,var(--st-up) 22%,transparent)}
.st-banner[data-state="down"] .st-lamp{box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 0 0 4px color-mix(in srgb,var(--st-down) 26%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .st-banner[data-state="up"] .st-lamp{animation:st-breathe 3.2s ease-in-out infinite}
}
@keyframes st-breathe{50%{box-shadow:inset 0 2px 4px rgba(0,0,0,.18),0 0 0 8px color-mix(in srgb,var(--st-up) 8%,transparent)}}
.st-banner-t{min-width:0}
.st-state{
  margin:0;font-variation-settings:"wdth" 116,"wght" 800;font-weight:normal;
  font-size:clamp(1.35rem,4.2vw,2.1rem);line-height:1.08;letter-spacing:-.02em;
}
.st-when{margin:.35rem 0 0;font-size:.9375rem;color:var(--steel);font-variant-numeric:tabular-nums}
.st-from{display:block;font-size:.8125rem;color:var(--steel-light)}
.st-sum{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.st-sum div{border-left:2px solid var(--line-strong);padding:.1rem 0 .1rem .7rem;min-width:0}
.st-sum dt{
  font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mono-label);
}
.st-sum dd{
  margin:.15rem 0 0;font-variation-settings:"wdth" 110,"wght" 800;font-size:clamp(1.1rem,3.4vw,1.45rem);
  line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.st-err{grid-column:1 / -1;margin:0;color:var(--st-down);font-size:.9375rem}
.st-err[hidden]{display:none}

.st-board{margin-top:clamp(1.75rem,4vw,2.5rem)}
.st-key{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.25rem;
  font-size:.8125rem;color:var(--steel);margin-bottom:.75rem;
}
.st-key-items{display:flex;flex-wrap:wrap;gap:.35rem 1rem}
.st-key-items span{display:inline-flex;align-items:center;gap:.4rem}
.st-key i{display:inline-block;width:.7rem;height:.95rem}
.k-up{background:var(--st-up)}
.k-part{background:linear-gradient(to top,var(--st-down) 0 35%,var(--st-up) 35%)}
.k-down{background:var(--st-down)}
.k-none,.st-day.is-none{
  background:repeating-linear-gradient(135deg,var(--st-hatch) 0 1.5px,transparent 1.5px 4px);
  box-shadow:inset 0 0 0 1px var(--line);
}
.st-scale{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;color:var(--steel-light)}

.st-groups{display:grid;gap:1.5rem}
.st-loading{color:var(--steel);margin:0;padding:1rem 0}
.st-group{border-top:3px solid var(--iron);background:var(--paper)}
.st-group-h{
  display:flex;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;flex-wrap:wrap;
  padding:.7rem clamp(.85rem,2.5vw,1.1rem);border-bottom:2px solid var(--iron);
}
.st-group-h h3{margin:0;font-variation-settings:"wdth" 114,"wght" 800;font-weight:normal;font-size:1.1875rem;letter-spacing:-.01em}
.st-group-h .lv-k{color:var(--steel)}
.st-rows{list-style:none;margin:0;padding:0}
.st-row{
  display:grid;gap:.6rem 1rem;align-items:center;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"name stat" "nums nums" "spark spark" "days days";
  padding:.9rem clamp(.85rem,2.5vw,1.1rem);
}
.st-row + .st-row{border-top:1px solid var(--line)}
@media (min-width:62rem){
  .st-row{
    grid-template-columns:minmax(0,1.3fr) 6.5rem minmax(0,1.6fr) 13rem;
    grid-template-areas:"name stat nums spark" "days days days days";
    row-gap:.75rem;
  }
}
.st-name{grid-area:name;min-width:0}
.st-name b{display:block;font-variation-settings:"wdth" 104,"wght" 700;font-weight:normal;font-size:1rem;line-height:1.25}
.st-host{
  display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;color:var(--steel);
  overflow-wrap:anywhere;margin-top:.1rem;
}
.st-stat{
  grid-area:stat;display:inline-flex;align-items:center;gap:.4rem;justify-self:end;
  font-variation-settings:"wdth" 104,"wght" 700;font-size:.875rem;
  padding:.2rem .6rem .2rem .45rem;border:2px solid currentColor;white-space:nowrap;
}
@media (min-width:62rem){.st-stat{justify-self:start}}
.st-stat svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.st-stat.is-up{color:var(--st-up)}
.st-stat.is-down{color:var(--st-down);background:color-mix(in srgb,var(--st-down) 10%,transparent)}
.st-err-t{display:block;font-size:.75rem;color:var(--st-down);margin-top:.2rem;overflow-wrap:anywhere;font-family:"IBM Plex Mono",ui-monospace,monospace}

.st-nums{grid-area:nums;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.st-nums div{min-width:0}
.st-nums dt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mono-label)}
.st-nums dd{margin:0;font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 104,"wght" 650;font-size:.9375rem;white-space:nowrap}
.st-nums dd.is-dim{color:var(--steel-light);font-variation-settings:"wdth" 100,"wght" 450;font-size:.8125rem}
.st-nums dd.is-warn{color:var(--st-down)}

.st-spark{grid-area:spark;margin:0;min-width:0}
.st-spark svg{display:block;width:100%;height:2.6rem;overflow:visible}
.st-spark .base{stroke:var(--line-strong);stroke-width:1}
.st-spark .ln{fill:none;stroke:var(--iron);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.st-spark .pt{fill:var(--iron)}
.st-spark .last{fill:var(--paper);stroke:var(--iron);stroke-width:2}
.st-spark .dn{stroke:var(--st-down);stroke-width:2;stroke-linecap:round}
.st-spark-cap{display:flex;justify-content:space-between;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.625rem;color:var(--steel-light);margin-top:.15rem}

.st-days{grid-area:days;position:relative;min-width:0}
.st-strip{
  display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;height:1.75rem;
  padding:2px;margin:0;outline-offset:3px;cursor:default;
}
.st-day{position:relative;background:var(--st-up);min-width:0}
.st-day.is-part{background:linear-gradient(to top,var(--st-down) 0 var(--down),var(--st-up) var(--down))}
.st-day.is-down{background:var(--st-down)}
.st-day.is-active{box-shadow:0 0 0 2px var(--iron)}
.st-days-cap{display:flex;justify-content:space-between;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.625rem;color:var(--steel-light);margin-top:.2rem}
.st-tip{
  position:absolute;bottom:calc(100% + .3rem);z-index:5;transform:translateX(-50%);
  background:var(--iron);color:var(--on-iron);padding:.35rem .55rem;font-size:.75rem;line-height:1.35;
  white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.st-tip b{font-variation-settings:"wdth" 100,"wght" 700;font-weight:normal}
.st-tip[hidden]{display:none}

.st-flow{
  list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;counter-reset:st;
}
@media (min-width:56rem){.st-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.9rem}}
.st-flow li{
  position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.8rem .9rem;
  background:var(--paper);border:2px solid var(--iron);box-shadow:0 3px 0 var(--plate-edge);
}
.st-flow li:last-child{background:var(--iron);color:var(--on-iron)}
.st-flow li:last-child .lv-k,.st-flow li:last-child span{color:var(--on-iron);opacity:.8}
.st-flow b{font-variation-settings:"wdth" 110,"wght" 800;font-weight:normal;font-size:1.0625rem}
.st-flow span:not(.lv-k){font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;color:var(--steel)}

.st-flow li + li::before{
  content:"";position:absolute;left:50%;top:-1.6rem;height:1.6rem;width:2px;background:var(--hazard);transform:translateX(-50%);
}
.st-flow li + li::after{
  content:"";position:absolute;left:50%;top:-.45rem;transform:translateX(-50%);
  border:6px solid transparent;border-top:7px solid var(--hazard);border-bottom:0;
}
@media (min-width:56rem){
  .st-flow li + li::before{left:-1.9rem;top:50%;width:1.9rem;height:2px;transform:translateY(-50%)}
  .st-flow li + li::after{left:-.5rem;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left:7px solid var(--hazard);border-right:0}
}
.st-alert{
  display:flex;gap:.9rem;align-items:flex-start;margin-top:1.4rem;padding:.9rem 1.1rem;border:2px solid var(--iron);
  background:linear-gradient(100deg,color-mix(in srgb,var(--hazard) 14%,var(--paper)),var(--paper) 60%);
}
.st-alert svg{width:1.6rem;height:1.6rem;flex:none;fill:var(--hazard);margin-top:.1rem}
.st-alert p{margin:0;max-width:var(--measure);font-size:.9688rem}
.st-alert b{font-variation-settings:"wdth" 100,"wght" 700;font-weight:normal}

.st-cta .exhibit{border-bottom:3px solid var(--iron)}
.st-actions{margin-top:1.25rem}

@media (max-width:30rem){
  .st-sum dd{font-size:1.05rem}
  .st-banner-main{align-items:flex-start}
  .st-lamp{width:2.75rem;height:2.75rem}
}

.st-spark{position:relative}
.st-dots{position:absolute;left:0;right:0;top:0;height:2.6rem;pointer-events:none}
.st-dot{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:var(--iron)}
.st-dot.last{background:var(--paper);box-shadow:inset 0 0 0 2px var(--iron)}
.st-avg{display:block;font-size:.75rem;color:var(--steel-light);font-variation-settings:"wdth" 100,"wght" 450}

.st-groups[aria-busy="true"]{
  min-height:152rem;align-content:start;
  border-top:3px solid var(--iron);background:var(--paper);padding-inline:clamp(.85rem,2.5vw,1.1rem);
}
@media (min-width:40rem){.st-groups[aria-busy="true"]{min-height:148rem}}
@media (min-width:62rem){.st-groups[aria-busy="true"]{min-height:89rem}}