.rankings.state-rankings{position:relative;min-width:0;padding:10px 9px 12px;background-color:#faf7f0;background-image:radial-gradient(#b6a99012 .7px,transparent .7px),linear-gradient(115deg,#fff9,#ece5d833,#fff8);background-size:4px 4px,100% 100%;display:block}
.state-ranking-controls{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:4px;margin-bottom:5px}
.state-ranking-controls[hidden]{display:none}
.state-ranking-controls label{min-width:0}
.state-ranking-controls select{width:100%;min-width:0;border:1px solid #d6d1c7;border-radius:4px;background:#fffdf9;padding:7px 3px;color:#122219;font:600 14px var(--font);min-height:34px}
.state-ranking-controls button{border:1px solid #d6d1c7;border-radius:4px;background:#fffdf9;color:#005d19;font:700 19px var(--font);width:34px;min-height:34px;padding:0}
.state-ranking-controls button:disabled{opacity:.3;cursor:default}
.state-ranking-controls select:focus-visible,.state-rankings-track:focus-visible{outline:3px solid #32b51e;outline-offset:2px}
.state-rankings-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#008b20 #eee9df;width:100%;touch-action:pan-x pan-y}
.state-ranking-slide{display:flex;flex-direction:column;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:0 1px 5px}
.state-ranking-heading{padding:8px 3px 10px;transform:rotate(-2deg);transform-origin:center}
.state-ranking-state{display:block;font:800 clamp(18px,2vw,28px)/.95 var(--font);font-style:italic;overflow-wrap:anywhere}
.state-ranking-heading h2{font:800 clamp(21px,2.9vw,40px)/.9 var(--font);color:#006b13;margin:0}
.state-ranking-heading h2 span{display:block}
.state-ranking-heading h2 .state-ranking-top{font:800 clamp(42px,5.2vw,68px)/.94 var(--font);color:#050e14;letter-spacing:-1px}
.state-ranking-heading p{font:600 12px var(--font);color:#344b37;margin-top:9px}
.state-rankings .state-ranking-slide ol{margin-bottom:12px}
.state-rankings .state-ranking-slide li{white-space:normal;height:auto;min-height:28px;padding:3px 0;align-items:center}
.state-rankings .state-ranking-slide li:before{content:attr(data-position)}
.state-rankings .ranking-name{display:block;line-height:1.15;overflow-wrap:anywhere}
.state-rankings .ranking-name:hover{text-decoration:underline;text-underline-offset:3px;color:#00741a}
.state-ranking-empty{font:400 13px/1.55 Roboto,Arial,sans-serif;color:#405347;padding:18px 5px 24px;min-height:145px}
.state-ranking-links{margin-top:auto}
.state-rankings .green-button{padding:8px 5px;font-size:13px;border-radius:7px;margin:0;white-space:normal}
.state-ranking-submit{display:block;text-align:center;padding:9px 2px 3px;font:600 13px var(--font);text-decoration:underline;text-decoration-color:#86bd85;text-underline-offset:3px}
.state-ranking-disclosure{border-top:1px solid #dedace;padding:8px 1px 0;font:400 10px/1.5 Roboto,Arial,sans-serif;color:#4c584e}
.state-ranking-hint{text-align:center;font:500 11px var(--font);color:#426047;margin-top:7px}
@media(min-width:1150px){.state-rankings .state-ranking-slide li{min-height:32px;font-size:15px}}
@media(max-width:850px) and (min-width:651px){.state-ranking-controls{grid-template-columns:27px minmax(0,1fr) 27px;gap:2px}.state-ranking-controls button{width:27px;font-size:17px}.state-ranking-controls select{font-size:12px}.state-rankings .green-button{font-size:12px}.state-ranking-heading h2{font-size:22px}.state-ranking-state{font-size:18px}.state-ranking-heading h2 .state-ranking-top{font-size:44px}}
@media(max-width:650px){.rankings.state-rankings{padding:12px 15px 16px}.state-ranking-controls{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-bottom:7px}.state-ranking-controls select{min-height:44px;font-size:18px;padding:8px 10px}.state-ranking-controls button{width:44px;min-height:44px;font-size:23px}.state-ranking-heading{padding:13px 5px 16px}.state-ranking-state{font-size:28px}.state-ranking-heading h2{font-size:38px}.state-ranking-heading h2 .state-ranking-top{font-size:65px}.state-ranking-heading p{font-size:15px}.state-rankings .state-ranking-slide li{min-height:44px;font-size:18px;padding:6px 0}.state-ranking-empty{font-size:15px;padding:20px 5px 30px;min-height:140px}.state-rankings .green-button{min-height:44px;font-size:17px;padding:10px}.state-ranking-submit{font-size:16px;min-height:44px;padding:12px 2px 5px}.state-ranking-disclosure{font-size:11px;padding-top:11px}.state-ranking-hint{font-size:14px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.state-rankings-track{scroll-behavior:auto}}