:root { color-scheme: dark; --ink:#f5f1e8; --muted:#bcb8ad; --paper:#151a1d; --panel:#1e2828; --lime:#b9e85a; --blue:#89d0ff; --orange:#ffbd66; --line:#364445; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at top,#263638 0,#151a1d 42rem); color:var(--ink); line-height:1.6; } a { color:var(--blue); } .skip { position:absolute; left:-10000px; } .skip:focus { left:1rem; top:1rem; background:#fff; color:#000; padding:.5rem; z-index:2; } .hero, main, footer { max-width:980px; margin:auto; padding-left:1.25rem; padding-right:1.25rem; } .hero { padding-top:5rem; padding-bottom:3rem; } .eyebrow { color:var(--lime); font-size:.8rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } h1 { font-size:clamp(2.8rem,9vw,6rem); line-height:.95; margin:.2rem 0 1.5rem; } h1 span { color:var(--lime); } h2 { line-height:1.15; } .lede { max-width:720px; font-size:1.2rem; } .warning { border-left:3px solid var(--orange); color:var(--muted); max-width:720px; padding-left:1rem; } section { border-top:1px solid var(--line); padding:2.5rem 0; } .heading { align-items:end; display:flex; gap:2rem; justify-content:space-between; } select { background:#0f1415; border:1px solid var(--line); color:var(--ink); padding:.5rem; } #claims { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); } .claim { background:var(--panel); border:1px solid var(--line); border-top:4px solid var(--muted); padding:1.1rem; } .claim.confirmed { border-top-color:var(--lime); } .claim.community-reported { border-top-color:var(--orange); } .claim.unknown { border-top-color:var(--blue); } .pill { font-size:.76rem; font-weight:800; letter-spacing:.06em; margin:0; text-transform:uppercase; } .source { color:var(--muted); font-size:.9rem; } footer { color:var(--muted); font-size:.9rem; padding-bottom:3rem; } @media (max-width:600px) { .heading { align-items:start; flex-direction:column; gap:.4rem; } }