/* Lead forms (collaboration, questions). Inherit the surrounding panel's colors. */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lead-form { display: grid; gap: 10px; width: 100%; }
.lead-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 560px) { .lead-form__row { grid-template-columns: 1fr; } }
.lead-form input, .lead-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  background: color-mix(in srgb, currentColor 5%, transparent);
  color: inherit;
  font: inherit;
  font-size: 15px;
  transition: border-color 0.2s, background 0.2s;
}
.lead-form textarea { resize: vertical; min-height: 92px; line-height: 1.5; }
.lead-form input::placeholder, .lead-form textarea::placeholder { color: currentColor; opacity: 0.5; }
.lead-form input:focus, .lead-form textarea:focus { outline: none; border-color: color-mix(in srgb, currentColor 60%, transparent); background: color-mix(in srgb, currentColor 8%, transparent); }
.lead-form .btn-row { margin-top: 4px; }
.lead-form__status { min-height: 1.3em; margin: 0; font-size: 14px; line-height: 1.5; }
.lead-form__status[data-state="ok"] { color: #34a874; }
.lead-form__status[data-state="error"] { color: #e0604f; }
.lead-form__status a { color: inherit; text-decoration: underline; }
.gd-ask { max-width: 560px; margin: 40px auto 0; text-align: left; }
.gd-ask h3 { font-family: var(--font-display); font-weight: 400; font-size: 1.9rem; line-height: 1.1; margin: 0 0 6px; }