/* Seven-level user forecasts for the custom prediction builder */
.npp-race-rating-section{margin:13px 0 10px;padding:12px;border:1px solid #d6e4f5;border-radius:11px;background:#f6f9fd}
.npp-rating-heading{font-size:12px;color:#355677;font-weight:800;margin-bottom:8px}
.npp-rating-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.npp-rating-button{background:#f1f5fa;color:#2c4362;border:1.5px solid #d2dfee;border-radius:8px;min-height:35px;cursor:pointer;padding:7px 3px;font:800 10px/1.2 system-ui,sans-serif;white-space:normal;text-align:center}
.npp-rating-button.npp-rate-sd{--rating:#163f9b;--selected-ink:white}
.npp-rating-button.npp-rate-ld{--rating:#4185d3;--selected-ink:white}
.npp-rating-button.npp-rate-wd{--rating:#afd0f5;--selected-ink:#204a79}
.npp-rating-button.npp-rate-tu{--rating:#d4dce8;--selected-ink:#35435a}
.npp-rating-button.npp-rate-wr{--rating:#f6c6cf;--selected-ink:#7e3047}
.npp-rating-button.npp-rate-lr{--rating:#dc667b;--selected-ink:white}
.npp-rating-button.npp-rate-sr{--rating:#ad1e36;--selected-ink:white}
.npp-rating-button:hover{background:var(--rating);color:var(--selected-ink)}
.npp-rating-button.selected,.npp-rating-button[aria-pressed="true"]{background:var(--rating);color:var(--selected-ink);border-color:#30435d;outline:2px solid #d5a22b;outline-offset:1px}
.npp-rating-button:focus-visible{outline:3px solid #dcab2f;outline-offset:1px}
.npp-rating-legacy{display:block;margin-top:7px;font-size:11px;color:#65809d}
.npp-forecast-legend{display:flex;flex-wrap:wrap;gap:9px 12px;margin:11px 0;padding:12px;background:#f6f9fd;border:1px solid #d7e2ef;border-radius:10px}
.npp-forecast-legend-title{width:100%;font-size:12px;font-weight:850;color:#35567b}
.npp-forecast-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#45617d}
.npp-forecast-legend-item i{height:13px;width:13px;border-radius:3px;border:1px solid #95a6b8;display:inline-block;background:var(--tone)}
.state-tile.sd{background:#163f9b!important;color:#fff!important;border-color:#163f9b!important}
.state-tile.ld{background:#4185d3!important;color:white!important;border-color:#4185d3!important}
.state-tile.wd{background:#afd0f5!important;color:#1b4778!important;border-color:#88b5e8!important}
.state-tile.tu{background:#d4dce8!important;color:#34465f!important;border-color:#aeb9cb!important}
.state-tile.wr{background:#f6c6cf!important;color:#85334b!important;border-color:#d99dad!important}
.state-tile.lr{background:#dc667b!important;color:white!important;border-color:#dc667b!important}
.state-tile.sr{background:#ad1e36!important;color:white!important;border-color:#ad1e36!important}
@media(max-width:1030px){.npp-rating-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:530px){.npp-rating-options{grid-template-columns:repeat(2,minmax(0,1fr))}.npp-rating-button{font-size:12px;min-height:38px}}