.battery-selector-section{padding-top:72px}
.battery-selector__intro{max-width:790px;margin-bottom:32px}
.battery-selector__intro h2{margin-bottom:14px}
.battery-selector{padding:28px;border:1px solid #dce2e6;border-radius:calc(var(--radius) + 4px);background:#fff;box-shadow:0 18px 42px rgba(20,24,28,.07)}
.battery-selector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.battery-question{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(145px,.55fr);gap:15px;align-items:center;padding:20px;border:1px solid #dfe4e7;border-radius:var(--radius);background:#fff}
.battery-question__number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--color-ink);color:var(--color-accent);font-weight:900}
.battery-question__copy strong,.battery-question__copy small{display:block}
.battery-question__copy strong{font-size:.95rem}
.battery-question__copy small{margin-top:4px;color:var(--color-muted);font-size:.74rem;font-weight:500}
.battery-question__field{display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:1px solid #c5cdd3;border-radius:6px;background:var(--color-surface)}
.battery-question__field:focus-within{outline:3px solid #3182ce;outline-offset:2px}
.battery-question__field input{min-width:0;width:100%;height:48px;padding:0 10px;border:0;background:#fff;font-weight:850}
.battery-question__field input:focus{outline:0}
.battery-question__field input[aria-invalid=true]{background:#fff0f0;color:#8d2020}
.battery-question__field>span{padding:0 11px;color:#4f5962;font-size:.75rem;font-weight:900}
.battery-selector__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.battery-selector__status{min-height:0;margin:14px 0 0;font-size:.84rem;font-weight:800}
.battery-selector__status.is-loading{padding:10px 12px;border-radius:6px;background:#f1f3f4;color:#4d5861}
.battery-selector__status.is-success{padding:10px 12px;border-radius:6px;background:#e7f7ed;color:#17643a}
.battery-selector__status.is-error{padding:10px 12px;border-radius:6px;background:#fff0f0;color:#aa2525}
.battery-selector__note{margin:18px 0 0;padding:13px 15px;border-left:4px solid var(--color-accent);background:#fff9d8;color:#5e5317;font-size:.78rem}
.battery-selector__results{scroll-margin-top:130px;padding-top:64px}
.battery-search-results__header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.battery-search-results__header h2{margin:0}
.battery-selector__results-footer{text-align:center;margin-top:30px}

@media (max-width:800px){
  .battery-selector__grid{grid-template-columns:1fr}
}

@media (max-width:560px){
  .battery-selector{padding:18px}
  .battery-question{grid-template-columns:38px minmax(0,1fr);padding:16px}
  .battery-question__number{width:38px;height:38px}
  .battery-question__field{grid-column:1/-1}
  .battery-selector__actions{display:grid}
  .battery-search-results__header{display:block}
  .battery-search-results__header .result-count{margin-top:12px}
}