/* Keep labels available to assistive technology without changing compact layouts. */
.a11y-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Two-tone focus stays visible against light surfaces and selected amber controls. */
:is(button, input, select, textarea, a):focus-visible {
  outline: 3px solid #175F9E !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff !important;
}
:is(.multi-bill-zone, .multi-add-btn):focus-within {
  outline: 3px solid #175F9E;
  outline-offset: 3px;
}

.callback-times { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.callback-times legend { font-size: 12.5px; color: #4A4133; margin-bottom: 8px; }
#cbWhen { display: flex; gap: 8px; flex-wrap: wrap; }
.cb-chip {
  position: relative; border: 1px solid #E6DFCF; background: #FAF6EE;
  color: #4A4133; border-radius: 99px; padding: 8px 14px;
  font-size: 13px; cursor: pointer; user-select: none;
}
.cb-chip input, .chips .chip input[type=radio] {
  position: absolute; opacity: 0; width: 1px; height: 1px;
}
.cb-chip:has(input:checked) {
  border-color: #C97A0A; background: #FFF3DC; color: #2A2318;
}
.cb-chip:has(input:focus-visible), .chips .chip:has(input:focus-visible) {
  outline: 3px solid #175F9E; outline-offset: 3px; box-shadow: 0 0 0 3px #fff;
}

.faq-heading { margin: 0; }
html body h2.faq-section-label {
  font-size: var(--fs-small) !important; font-weight: 400 !important;
  line-height: 1.6 !important; letter-spacing: 3px !important;
}
button.faq-q { width: 100%; border: 0; background: transparent; text-align: left; font: inherit; }
.faq-heading .faq-q-text { font-size: var(--fs-control) !important; font-weight: 600 !important; line-height: 1.4 !important; }
button.faq-q:focus-visible { outline-offset: -4px; box-shadow: none !important; }

/* Solar Check uses the same compact chip presentation with native radio behavior. */
body.solar-check fieldset { border: 0; padding: 0; margin: 12px 0; min-width: 0; }
body.solar-check legend { font-size: 13px; font-weight: 600; margin-bottom: 6px; }
body.solar-check .chip { position: relative; display: inline-block; margin: 0; }
body.solar-check .chip:has(input:checked) {
  background: #FFF3DC; border-color: #C97A0A; color: #2A2318;
}