.status-summary{display:flex;align-items:center;gap:18px}.status-summary h2{margin:0 0 7px;font-size:24px}.status-summary p{margin:0;font-size:13px}.status-summary button{margin-left:auto}.status-mark{width:14px;height:14px;flex:none;border-radius:50%;background:var(--brand-muted)}.status-mark.up{background:var(--brand-positive);box-shadow:0 0 0 7px transparent}.status-mark.down{background:var(--brand-danger)}.status-mark.degraded,.status-mark.maintenance{background:var(--brand-accent)}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.status-component{padding:22px;background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);display:flex;align-items:center;gap:15px}.status-component h2{font-size:17px;margin:0 0 4px}.status-component p{font-size:12px;margin:0;color:var(--muted)}.incident{padding:17px 0;border-top:1px solid var(--edge)}.incident strong{font-size:15px}.incident p{font-size:13px;color:var(--muted);margin:5px 0}.legal h2{margin-top:32px}.legal h2:first-child{margin-top:0}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--lime)}.notice{margin:24px 0}footer{display:flex;flex-wrap:wrap;gap:6px}nav{flex-wrap:wrap}@media(max-width:600px){.status-grid{grid-template-columns:1fr;gap:10px}.status-summary{flex-wrap:wrap;padding:20px}.status-summary>div{flex:1;min-width:180px}.status-summary h2{font-size:21px}.status-summary button{margin-left:0;width:100%}header{align-items:flex-start}.status-component{padding:18px}.legal ul{padding-left:20px}}
