/* VoterPing inline quote form (2026-09-27) */
.vpq { max-width: 640px; margin: 28px auto 8px; text-align: left; }
.vpq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vpq-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.vpq-field label { font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--ghost-white, #ECF0F1); opacity: .85; }
.vpq-field input, .vpq-field textarea {
  width: 100%; box-sizing: border-box; padding: 13px 14px; font: inherit; font-size: 15px;
  color: var(--ghost-white, #ECF0F1); background: rgba(10, 22, 40, .6);
  border: 1px solid rgba(236, 240, 241, .18); border-radius: 4px; transition: border-color .2s, box-shadow .2s;
}
.vpq-field textarea { min-height: 84px; resize: vertical; }
.vpq-field input::placeholder, .vpq-field textarea::placeholder { color: rgba(236, 240, 241, .4); }
.vpq-field input:focus, .vpq-field textarea:focus { outline: none; border-color: var(--electric-gold, #F5B942); box-shadow: 0 0 0 3px rgba(245, 185, 66, .15); }
.vpq-consent { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 18px; }
.vpq-consent input { margin-top: 3px; flex: 0 0 auto; accent-color: #F5B942; }
.vpq .vpq-consent label { font-size: 11.5px !important; line-height: 1.5; color: rgba(236, 240, 241, .6); }
.vpq-submit { width: 100%; border: 0; cursor: pointer; font-family: inherit; text-align: center; }
.vpq-submit[disabled] { opacity: .6; cursor: wait; }
.vpq .vpq-note, .vpq-note { margin: 12px 0 0 !important; font-size: 13px !important; line-height: 1.5; text-align: center; color: rgba(236, 240, 241, .6); }
.vpq .vpq-error { display: none; margin-top: 12px; font-size: 14px; text-align: center; color: #F5B942; }
.vpq-hp { position: absolute; left: -5000px; }
@media (max-width: 640px) { .vpq-row { grid-template-columns: 1fr; gap: 0; } }

/* Stop the .section-light full-bleed trick (margin/padding 9999px) from making pages scroll sideways on phones (2026-09-27) */
html, body { overflow-x: clip; }

/* Smooth jump to the on-page quote form, clearing the fixed nav */
html { scroll-behavior: smooth; }
.vpq { scroll-margin-top: 120px; }