:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #111413; color: #eff5f0; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1040px, calc(100% - 32px)); margin: 0 auto; padding: 64px 0 96px; }
h1 { max-width: 700px; font-family: Georgia, serif; font-size: clamp(2.5rem, 7vw, 5rem); line-height: .95; letter-spacing: -.05em; margin: 0 0 18px; }
h2 { margin: 0; font-size: 1.25rem; }
.eyebrow { color: #a9c7ab; font-size: .72rem; font-weight: 700; letter-spacing: .13em; margin: 0 0 8px; }
#updated, .note { color: #9da8a0; }
.summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 48px 0 24px; }
.metric, .site-card { border: 1px solid #2e3931; background: #181d1a; border-radius: 14px; }
.metric { padding: 22px; display: grid; gap: 6px; }
.metric strong { font-size: 2rem; }.metric.pass strong, b.pass { color: #8ce99a; }.metric.warn strong, b.warn { color: #ffd66b; }.metric.fail strong, b.fail { color: #ff8d8d; }
.sites { display: grid; gap: 16px; }.site-card { padding: 24px; }.site-heading { display: flex; justify-content: space-between; gap: 16px; align-items: start; }.site-heading a { color: #b7e4c0; }
.activity { color: #b9c2bb; border-bottom: 1px solid #2e3931; padding-bottom: 18px; }.site-card ul { padding: 0; list-style: none; margin: 0; }.site-card li { display: grid; grid-template-columns: minmax(130px, 1fr) 88px 2fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid #242e26; }.site-card small { color: #9da8a0; overflow-wrap: anywhere; }
.note { margin-top: 32px; font-size: .9rem; } @media (max-width: 680px) { main { padding-top: 36px; }.site-card li { grid-template-columns: 1fr 80px; }.site-card li small { grid-column: 1 / -1; }.summary { margin-top: 32px; } }