.sp-loading{padding:32px;color:var(--text-2)}.sp-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100%;background:var(--bg)}.sp-first{grid-template-columns:minmax(0,640px) minmax(0,380px);gap:32px;justify-content:center;padding:32px 16px;align-items:start}.sp-side{border-right:1px solid var(--border);background:var(--bg-2);padding:14px;display:flex;flex-direction:column;gap:6px}.sp-pg{display:flex;flex-direction:column;text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-s);padding:10px;font:inherit;color:var(--text);cursor:pointer;min-height:44px}.sp-pg small{color:var(--text-2);font-size:var(--fs-xs)}.sp-pg.is-sel{background:var(--bg);border-color:var(--border)}.sp-sub{color:var(--text-2);font-size:var(--fs-s);font-weight:400}.sp-alerts{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:6px}.sp-inline{display:flex;gap:6px}.sp-wrap input,.sp-wrap select,.sp-wrap textarea{font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--border-2);border-radius:var(--radius-s);background:var(--bg);color:var(--text);min-width:0;box-sizing:border-box}.sp-inline input{flex:1}.sp-link{background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.sp-form{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg)}.sp-form h2{margin:0;font-size:var(--fs-l)}.sp-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s);font-weight:600}.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-addr{display:flex;align-items:center;border:1px solid var(--border-2);border-radius:var(--radius-s);background:var(--bg);padding-left:10px}.sp-addr span{color:var(--text-2);font-weight:400;font-family:var(--font-mono);font-size:14px}.sp-addr input{border:0!important;flex:1;padding-left:2px!important}.sp-comps{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sp-comps legend{font-size:var(--fs-s);font-weight:600;margin-bottom:6px}.sp-comp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:8px}.sp-comps>.btn{align-self:flex-start}.sp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sp-how ul{padding-left:20px}.sp-how li{margin-bottom:6px}.sp-how code,.sp-url{font-family:var(--font-mono);font-size:14px;overflow-wrap:anywhere}.sp-note{color:var(--text-2);font-size:var(--fs-s)}.sp-main{padding:20px 24px 32px;display:flex;flex-direction:column;gap:14px;max-width:980px;min-width:0}.sp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sp-head h2{margin:0;font-size:var(--fs-xl)}.sp-card{border:1px solid var(--border);border-radius:var(--radius);padding:4px 14px}.sp-crow{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.sp-crow:last-child{border-bottom:0}.sp-cname{font-weight:600}.sp-dot{width:10px;height:10px;border-radius:50%;background:var(--text-3)}.sp-dot.sp-up{background:var(--success)}.sp-dot.sp-down{background:var(--danger)}.sp-incidents h3{margin:4px 0 8px;font-size:var(--fs-m)}.sp-inc{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.sp-tag{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--bg-3)}.sp-tag.sp-major{background:var(--danger-soft);color:var(--danger)}.sp-tag.sp-maintenance{background:var(--bg-3)}.sp-incform{padding:14px}.sp-affected{display:flex;flex-wrap:wrap;gap:12px}.sp-affected label{flex-direction:row;align-items:center;gap:6px;font-weight:400}.sp-embed pre{margin:6px 0;padding:10px;border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.sp-danger{color:var(--danger);align-self:flex-start}@media(max-width:820px){.sp-wrap,.sp-first{grid-template-columns:1fr}.sp-first{padding:16px}.sp-side{border-right:0;border-bottom:1px solid var(--border)}.sp-main{padding:16px}.sp-two,.sp-comp{grid-template-columns:1fr}}