/* Score Ranges 1.3.4 - band table and lookup widget */
.sr-bands { list-style: none; margin: 0 0 1.4em; padding: 0; border: 1px solid #e2e7ec; border-radius: 10px; overflow: hidden; }
.sr-bands li { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #e2e7ec; font-size: .95rem; align-items: center; }
.sr-bands li:last-child { border-bottom: 0; }
.sr-bands .sr-range { font-weight: 700; font-variant-numeric: tabular-nums; }
.sr-bands .sr-label { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .8rem; font-weight: 600; color: #fff; margin-right: 8px; }
.sr-poor { background: #c94a3b; }
.sr-fair { background: #e5a33a; }
.sr-good { background: #6aa84f; }
.sr-verygood { background: #2f9363; }
.sr-exceptional { background: #1b6e49; }
.sr-lookup { border: 1px solid #e2e7ec; border-radius: 10px; padding: 16px 18px; background: #f4f7f9; }
.sr-lookup label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: 6px; }
.sr-lookup .sr-row { display: flex; gap: 8px; }
.sr-lookup input { width: 110px; padding: 8px 10px; border: 1px solid #c5d0db; border-radius: 8px; font: inherit; }
.sr-lookup button { padding: 8px 14px; border: 0; border-radius: 8px; background: #13304f; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.sr-lookup .sr-out { margin-top: 10px; font-size: .93rem; min-height: 1.4em; }
.sr-lookup .sr-hint { font-size: .78rem; color: #7c8895; margin-top: 6px; }