:root{--primary:#0b5fff;--accent:#00c2a8;--bg:#0e1116;--fg:#f5f7fa;--muted:#9aa4b2;--card:#161b22}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:24px 16px}.brand{font-weight:800;font-size:22px}.tagline{color:var(--muted);margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.card{background:var(--card);border:1px solid #21262d;border-radius:14px;padding:16px;display:block}.card:hover{border-color:var(--primary)}.q{font-weight:600;line-height:1.35;min-height:2.7em}.pct{font-size:30px;font-weight:800;color:var(--accent);margin-top:10px}.meta{color:var(--muted);font-size:13px;margin-top:6px}.section-title{font-size:14px;color:var(--muted);margin:26px 0 10px;letter-spacing:.04em}.explainer{color:var(--fg);line-height:1.7;margin:12px 0}.chart-wrap{background:var(--card);border:1px solid #21262d;border-radius:14px;padding:16px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:#21262d;color:var(--muted);font-size:12px}