.te-rankings{max-width:820px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,sans-serif}
.te-rankings h1{font-size:1.9rem;text-align:center;color:#1a1a1a;margin-bottom:8px}
.te-badge{background:#dc3545;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block;margin-bottom:16px}
.te-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}
.te-filter-btn{padding:8px 18px;border:2px solid #dee2e6;border-radius:20px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}
.te-filter-btn.active{background:#dc3545;color:#fff;border-color:#dc3545}
.te-search{width:100%;max-width:320px;padding:10px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}
.state-card{display:flex;align-items:center;padding:14px 16px;border:1px solid #e9ecef;border-radius:10px;margin-bottom:8px;background:#fff;transition:all .2s;cursor:pointer}
.state-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}
.rank-num{font-size:1.4rem;font-weight:900;width:44px;text-align:center;flex-shrink:0}
.rank-1,.rank-2,.rank-3{color:#ffd700}
.state-name{font-size:1.1rem;font-weight:700;flex:1;margin:0 12px}
.state-flag{font-size:1.6rem;margin-right:8px}
.score-bar-wrap{width:120px;flex-shrink:0}
.score-bar{height:8px;border-radius:4px;margin-top:4px}
.score-num{font-size:.85rem;font-weight:700;text-align:right}
.te-metric-title{text-align:center;font-size:1.5rem;font-weight:900;color:#dc3545;margin-bottom:6px}
.te-disclaimer{font-size:.8rem;color:#999;text-align:center;margin-top:20px;border-top:1px solid #eee;padding-top:12px}

const states = [
{name:”Mississippi”,flag:”🏳️”,crime:52.4,poverty:19.1,unemployment:4.8,taxes:8.7,overall:71},
{name:”Louisiana”,flag:”🏳️”,crime:51.8,poverty:18.6,unemployment:5.1,taxes:9.1,overall:70},
{name:”New Mexico”,flag:”🏳️”,crime:50.2,poverty:17.8,unemployment:5.3,taxes:8.9,overall:69},
{name:”Missouri”,flag:”🏳️”,crime:49.1,poverty:13.2,unemployment:3.9,taxes:7.8,overall:65},
{name:”Arkansas”,flag:”🏳️”,crime:47.6,poverty:16.4,unemployment:3.7,taxes:8.2,overall:64},
{name:”Alaska”,flag:”🏳️”,crime:46.9,poverty:10.8,unemployment:5.6,taxes:5.3,overall:63},
{name:”Tennessee”,flag:”🏳️”,crime:45.3,poverty:13.9,unemployment:3.4,taxes:7.4,overall:61},
{name:”South Carolina”,flag:”🏳️”,crime:44.7,poverty:13.6,unemployment:3.8,taxes:7.2,overall:60},
{name:”Oklahoma”,flag:”🏳️”,crime:43.9,poverty:15.2,unemployment:4.1,taxes:7.9,overall:59},
{name:”Nevada”,flag:”🏳️”,crime:43.2,poverty:11.4,unemployment:5.2,taxes:8.4,overall:58},
{name:”Alabama”,flag:”🏳️”,crime:42.8,poverty:15.5,unemployment:3.6,taxes:7.6,overall:57},
{name:”Michigan”,flag:”🏳️”,crime:41.5,poverty:13.1,unemployment:4.3,taxes:8.8,overall:56},
{name:”Georgia”,flag:”🏳️”,crime:40.8,poverty:13.4,unemployment:3.5,taxes:8.1,overall:55},
{name:”Illinois”,flag:”🏳️”,crime:39.4,poverty:11.5,unemployment:4.7,taxes:10.9,overall:54},
{name:”California”,flag:”🏳️”,crime:38.7,poverty:11.9,unemployment:5.3,taxes:13.3,overall:53},
{name:”Texas”,flag:”🏳️”,crime:37.2,poverty:13.6,unemployment:4.0,taxes:7.6,overall:52},
{name:”Arizona”,flag:”🏳️”,crime:36.8,poverty:12.1,unemployment:3.9,taxes:7.8,overall:50},
{name:”Florida”,flag:”🏳️”,crime:35.6,poverty:12.4,unemployment:3.3,taxes:7.1,overall:48},
{name:”North Carolina”,flag:”🏳️”,crime:34.1,poverty:13.2,unemployment:3.7,taxes:7.4,overall:46},
{name:”Indiana”,flag:”🏳️”,crime:33.6,poverty:12.1,unemployment:3.4,taxes:7.2,overall:45},
{name:”Ohio”,flag:”🏳️”,crime:32.9,poverty:12.6,unemployment:4.0,taxes:8.4,overall:44},
{name:”Kentucky”,flag:”🏳️”,crime:32.1,poverty:16.1,unemployment:4.2,taxes:8.1,overall:43},
{name:”Pennsylvania”,flag:”🏳️”,crime:31.4,poverty:11.4,unemployment:4.2,taxes:9.7,overall:42},
{name:”Wisconsin”,flag:”🏳️”,crime:29.8,poverty:10.1,unemployment:3.1,taxes:8.9,overall:38},
{name:”Colorado”,flag:”🏳️”,crime:28.9,poverty:9.8,unemployment:3.4,taxes:8.7,overall:37},
{name:”Washington”,flag:”🏳️”,crime:27.4,poverty:9.6,unemployment:4.6,taxes:9.4,overall:36},
{name:”Oregon”,flag:”🏳️”,crime:26.8,poverty:10.2,unemployment:4.4,taxes:9.9,overall:35},
{name:”New York”,flag:”🏳️”,crime:25.3,poverty:12.1,unemployment:4.9,taxes:12.8,overall:34},
{name:”Virginia”,flag:”🏳️”,crime:21.2,poverty:9.9,unemployment:3.1,taxes:8.5,overall:31},
{name:”Iowa”,flag:”🏳️”,crime:20.4,poverty:10.8,unemployment:2.8,taxes:8.0,overall:29},
{name:”Kansas”,flag:”🏳️”,crime:19.8,poverty:11.2,unemployment:2.9,taxes:8.2,overall:28},
{name:”Nebraska”,flag:”🏳️”,crime:18.4,poverty:10.2,unemployment:2.5,taxes:7.8,overall:26},
{name:”North Dakota”,flag:”🏳️”,crime:16.2,poverty:9.4,unemployment:2.3,taxes:6.9,overall:24},
{name:”South Dakota”,flag:”🏳️”,crime:15.8,poverty:11.6,unemployment:2.4,taxes:6.4,overall:23},
{name:”Idaho”,flag:”🏳️”,crime:14.6,poverty:10.1,unemployment:2.8,taxes:6.8,overall:21},
{name:”Montana”,flag:”🏳️”,crime:14.1,poverty:12.3,unemployment:2.9,taxes:7.1,overall:20},
{name:”Wyoming”,flag:”🏳️”,crime:13.2,poverty:9.8,unemployment:3.5,taxes:6.8,overall:19},
{name:”Vermont”,flag:”🏳️”,crime:12.4,poverty:10.2,unemployment:2.9,taxes:9.8,overall:18},
{name:”Maine”,flag:”🏳️”,crime:11.8,poverty:10.6,unemployment:3.2,taxes:9.4,overall:17},
{name:”New Hampshire”,flag:”🏳️”,crime:10.4,poverty:7.2,unemployment:2.5,taxes:7.2,overall:14},
{name:”Connecticut”,flag:”🏳️”,crime:9.8,poverty:9.4,unemployment:3.8,taxes:12.8,overall:14},
{name:”Minnesota”,flag:”🏳️”,crime:9.2,poverty:9.6,unemployment:3.1,taxes:9.8,overall:13},
{name:”Massachusetts”,flag:”🏳️”,crime:8.4,poverty:9.4,unemployment:3.4,taxes:10.9,overall:12},
{name:”Hawaii”,flag:”🏳️”,crime:7.8,poverty:8.9,unemployment:2.8,taxes:9.9,overall:11},
{name:”Maryland”,flag:”🏳️”,crime:6.9,poverty:8.5,unemployment:3.2,taxes:10.9,overall:10},
{name:”New Jersey”,flag:”🏳️”,crime:6.2,poverty:9.2,unemployment:4.1,taxes:12.2,overall:9},
{name:”Rhode Island”,flag:”🏳️”,crime:5.8,poverty:10.8,unemployment:4.2,taxes:10.1,overall:9},
{name:”Delaware”,flag:”🏳️”,crime:5.1,poverty:10.4,unemployment:3.8,taxes:8.0,overall:8},
{name:”Utah”,flag:”🏳️”,crime:4.8,poverty:8.2,unemployment:2.6,taxes:7.2,overall:7},
{name:”New Hampshire”,flag:”🏳️”,crime:4.2,poverty:7.1,unemployment:2.4,taxes:6.9,overall:6},
];

let currentMetric = ‘crime’;
const metricLabels = {
crime: ‘🔫 Most Dangerous States by Crime Rate’,
poverty: ‘💸 States With Highest Poverty Rates’,
unemployment: ‘📉 States With Highest Unemployment’,
taxes: ‘💰 States With Highest Tax Burden’,
overall: ‘⚠️ Overall Danger Score (Composite)’
};
const colors = {crime:’#dc3545′,poverty:’#fd7e14′,unemployment:’#ffc107′,taxes:’#6f42c1′,overall:’#343a40′};

function setMetric(metric) {
currentMetric = metric;
document.querySelectorAll(‘.te-filter-btn’).forEach(b => b.classList.remove(‘active’));
event.target.classList.add(‘active’);
document.getElementById(‘metric-label’).textContent = metricLabels[metric];
renderList(states);
}

function filterStates(q) {
const filtered = states.filter(s => s.name.toLowerCase().includes(q.toLowerCase()));
renderList(filtered);
}

function renderList(list) {
const sorted = […list].sort((a,b) => b[currentMetric] – a[currentMetric]);
const max = sorted[0]?.[currentMetric] || 1;
let html = ”;
sorted.forEach((s,i) => {
const val = s[currentMetric];
const pct = Math.round(val/max*100);
const rankClass = i < 3 ? 'rank-'+(i+1) : '';
html += `

`;
});
document.getElementById(‘rankings-list’).innerHTML = html;
}

renderList(states);