:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 960px; padding: 1rem; line-height: 1.45; }
header h1 { margin-bottom: 0.2rem; }
.sub { opacity: 0.75; margin-top: 0; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.card { border: 1px solid rgba(128,128,128,0.4); border-radius: 10px; padding: 1rem; margin-bottom: 1rem; }
.card h3 { margin-top: 0; }
.badge { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.8rem; border: 1px solid currentColor; }
.badge.ok { color: #1a7f37; }
.badge.warn { color: #b58900; }
.badge.bad { color: #c0392b; }
.detail { font-size: 0.92rem; }
.meta { font-size: 0.85rem; opacity: 0.8; }
.endpoints { list-style: none; padding-left: 0; font-size: 0.9rem; }
code { font-size: 0.85em; word-break: break-all; }
footer { margin-top: 2rem; font-size: 0.85rem; opacity: 0.75; }