.st-page{max-width:860px}.st-title{margin:0 0 14px;font-size:26px}.st-banner{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:14px 18px;border-radius:var(--radius-sm);font-weight:700}.st-banner.is-ok{background:var(--t-green-bg);color:var(--t-green-fg)}.st-banner.is-degraded{background:var(--t-amber-bg);color:var(--t-amber-fg)}.st-banner.is-down{background:var(--t-red-bg);color:var(--t-red-fg)}.st-about h2{margin:0 0 6px;font-size:17px}.st-about p{margin:0;line-height:1.6;color:var(--muted)}.st-list{margin-top:16px;padding-block:6px}.st-comp{padding-block:16px}.st-comp+.st-comp{border-top:1px solid var(--line)}.st-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.st-head h3{margin:0;font-size:16px;min-width:0}.st-state{flex-shrink:0;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--card-2,var(--bg));color:var(--muted)}.st-state.is-ok{background:var(--t-green-bg);color:var(--t-green-fg)}.st-state.is-degraded{background:var(--t-amber-bg);color:var(--t-amber-fg)}.st-state.is-down{background:var(--t-red-bg);color:var(--t-red-fg)}.st-bars{display:flex;gap:1px;height:34px;touch-action:pan-y;cursor:pointer;border-radius:4px}.st-bars:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.st-bar{flex:1 1;min-width:0;border-radius:2px;background:var(--line);transition:opacity .12s}.st-bar.is-ok{background:var(--win)}.st-bar.is-degraded{background:var(--warn)}.st-bar.is-down{background:var(--loss)}.st-bars:has(.is-sel) .st-bar:not(.is-sel){opacity:.55}.st-tip{margin:6px 0 2px;min-height:1.4em;font-weight:600}.st-foot{display:flex;align-items:center;gap:8px;white-space:nowrap}.st-foot i{flex:1 1;height:1px;background:var(--line);min-width:8px}.st-h2{margin:26px 0 12px;font-size:20px}.st-days{display:flex;flex-direction:column;gap:0}.st-day{padding-block:12px;border-bottom:1px solid var(--line)}.st-day h3{margin:0 0 6px;font-size:15px}.st-day p{margin:0}.st-inc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding-block:4px}@media (max-width:520px){.st-title{font-size:22px}.st-bars{height:30px}.st-foot{gap:6px;font-size:12px}}