.api-health{width:min(1180px,calc(100% - 40px));margin:20px auto;display:flex;align-items:center;gap:14px}
.api-health>div{flex:1}
.api-health h2,.api-health p{margin:0}
.api-health p{font-size:11px;color:var(--muted)}
.api-dot{width:14px;height:14px;border-radius:50%;background:#aaa;box-shadow:0 0 0 6px #eee;flex:0 0 auto}
.api-dot.ready{background:#34a77d;box-shadow:0 0 0 6px #dcf5eb}
.api-dot.off{background:#e45b50;box-shadow:0 0 0 6px #ffe5e2}
@media(max-width:600px){.api-health{width:calc(100% - 24px);align-items:flex-start;flex-wrap:wrap}.api-health>div{min-width:200px}.api-health form,.api-health button{width:100%}}