// Responsive styles live in index.html, keyed off [data-bp-and-below~="…"]
// or @container queries on .r-tower. Do not add new inline ternaries on
// viewport width or `compact` — convert to a CSS class instead.
// Extracted from matrix.jsx 2026-05-14. No logic change — pure split.
// Eligibility glyph — ✓ for eligible, — for not, ? for unanswered. Survives colorblindness + greyscale.
function EligibilityGlyph({ state, dark }) {
const lime = "#EDFE38";
const muted = dark ? "#8A827F" : "#6B6361";
const faint = dark ? "#5A5654" : "#C1C1C1";
if (state === "lit") {
return (
);
}
// "gray" covers both ineligible and unanswered — dash
return (
);
}