:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #07120f; color: #e8fff4; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 0%, #174d3b 0, transparent 38%), #07120f; }
main { width: min(960px, calc(100% - 2rem)); margin: 0 auto; padding: 10vh 0; }
.eyebrow { color: #6ee7b7; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { max-width: 12ch; margin: .2rem 0; font-size: clamp(2.8rem, 8vw, 6rem); line-height: .95; }
.lede { max-width: 58ch; color: #b8d5c9; font-size: 1.15rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; margin: 3rem 0; }
article, .notice { border: 1px solid #285445; border-radius: 1rem; padding: 1.2rem; background: rgb(9 33 26 / .8); }
h2 { margin-top: 0; color: #a7f3d0; font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; }
.pill { display: inline-block; border-radius: 99px; padding: .35rem .7rem; background: #555; }
.healthy { background: #065f46; }.unhealthy { background: #991b1b; }