:root { color-scheme: light dark; }
body { margin: 0; font-family: Arial, sans-serif; background: #0f172a; color: #e2e8f0; }
.page { padding: 1rem; max-width: 1400px; margin: 0 auto; }
h1 { margin: 0; }
h2 { font-size: 1rem; margin: 0 0 0.5rem; }
.eyebrow { color: #93c5fd; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; }
.hero { margin-bottom: 1rem; }
.lede { color: #cbd5e1; max-width: 70ch; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.75rem; margin-bottom: 1rem; }
.card { background: #1e293b; border: 1px solid #334155; border-radius: 0.5rem; padding: 0.75rem; }
.card h2 { font-size: 0.8rem; margin-bottom: 0.35rem; color: #93c5fd; }
.card .big { font-size: 1.6rem; font-weight: 700; margin: 0; }
.card .small { font-size: 0.75rem; margin: 0.25rem 0 0; }
.muted { color: #94a3b8; }
.small { font-size: 0.8rem; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
th, td { border-bottom: 1px solid #334155; padding: 0.5rem; text-align: left; vertical-align: top; }
th { color: #93c5fd; font-weight: 600; }
.numeric { text-align: right; }
a { color: #93c5fd; }
.badge { display: inline-block; border-radius: 999px; padding: 0.12rem 0.5rem; font-size: 0.75rem; }
.badge.ok { background: #14532d; color: #bbf7d0; }
.badge.warn { background: #78350f; color: #fde68a; }
.badge.bad { background: #7f1d1d; color: #fecaca; }
.badge.muted { background: #334155; color: #cbd5e1; }
.stack-list { margin: 0; padding-left: 1rem; }
.stack-list li { margin-bottom: 0.15rem; }