/* Keep the request form independent of the attached calculation. */
.lead-form-actions { display: grid; gap: 14px; margin-top: 18px; }
.lead-form-actions > .button { width: 100%; }
.lead-form-fields > h3 { font-size: 26px; }
@media (min-width: 901px) {
  #request { padding-block: 20px; }
  .request-copy { top: 120px; }
  #lead-form {
    padding: 24px;
  }
  #lead-form .form-intro { margin: 6px 0 12px; }
  #lead-form .form-grid { gap: 12px 16px; }
  #lead-form input:not([type=radio]):not([type=checkbox]),
  #lead-form select { min-height: 40px; padding-block: 9px; }
  #lead-form textarea { min-height: 66px; height: 66px; padding-block: 9px; }
  #lead-form .contact-choice span { padding-block: 7px; }
  #lead-form .lead-form-actions {
    flex-shrink: 0;
    padding-top: 14px;
    margin-top: 0;
    gap: 12px;
  }
  #lead-form .form-status:empty { display: none; }
}
@media (min-width: 901px) and (max-height: 800px) {
  .request-decoration { display: none; }
}
@media (min-width: 901px) and (max-height: 500px) {
  #request { padding-top: 8px; }
  #lead-form { padding: 16px; }
}
@media (max-width: 900px) {
  #request { padding-block: 20px; }
  .request-grid { grid-template-columns: 1fr; gap: 24px; }
  .request-copy { position: static; }
  .request-decoration { display: none; }
  .lead-form-actions { scroll-margin-block: 100px 150px; }
}
@media (max-width: 600px) {
  .lead-form-fields > h3 { font-size: 25px; }
}

.request-copy .attached-calculation {
  margin: 24px 0 0;
  padding: 20px;
  background: #fff;
}
.request-copy:has(.attached-calculation:not([hidden])) .request-decoration { display: none; }
@media (min-width: 901px) and (max-height: 800px) {
  #lead-form { padding: 20px; }
  #lead-form .form-grid { gap: 10px 16px; }
  #lead-form .form-intro { margin-bottom: 10px; }
  #lead-form textarea { min-height: 56px; height: 56px; }
  #lead-form .form-grid > label:has([name=name]) { grid-column: 1; grid-row: 1; }
  #lead-form .form-grid > label:has([name=service]) { grid-column: 2; grid-row: 1; }
}
@media (min-width: 901px) and (max-height: 740px) {
  #request { padding-top: 8px; }
  #lead-form .form-intro:first-of-type { display: none; }
}