/* HomePro 0.9.5: local form guidance. Does not style the existing consent ticks. */
.hp-guided-fields .hp-field { display: block; min-width: 0; margin: 0; text-align: start; }
.hp-guided-fields .hp-field > span { display: block; margin: 0 0 8px; line-height: 1.5; }
.hp-guided-fields .hp-field input:not([type="checkbox"]):not([type="radio"]),
.hp-guided-fields .hp-field textarea,
.hp-guided-fields .hp-field select { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0; font-size: 16px; }
.hp-guided-fields input::placeholder, .hp-guided-fields textarea::placeholder,
.hp-login-shell input::placeholder { color: #6c7d8b; opacity: 1; font-weight: 400; }
.hp-guided-fields .hp-field-help { display: block; font-size: 12px; font-weight: 400; line-height: 1.55; margin-top: 7px; color: #536779; }
.hp-guided-fields .hp-form-grid { align-items: start; gap: 22px 20px; }
.hp-application.hp-guided-fields .hp-credit-form > .hp-primary { width: 100%; }
.hp-application.hp-guided-fields .hp-bank-preview { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
.hp-application.hp-guided-fields .hp-bank-preview > .hp-bank-icon { flex: 0 0 44px; }
.hp-application.hp-guided-fields .hp-bank-preview > div:nth-child(2) { flex: 1 1 180px; }
.hp-application.hp-guided-fields .hp-bank-preview > span { flex: 0 0 100%; margin: 2px 0 0 56px; }
.hp-application.hp-guided-fields .hp-bank-preview em { display: inline-block; max-width: 100%; white-space: normal; }
.hp-guided-fields .hp-draw-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; margin-top: 20px; }
.hp-guided-fields .hp-draw-form .hp-primary { width: 100%; }
.hp-guided-fields .hp-repayment-fields { gap: 18px; align-items: start; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.hp-guided-fields .hp-autopay-guidance { margin: 0 0 5px; }
.hp-guided-fields .hp-switch-row input:focus-visible + .hp-switch-ui { outline: 3px solid #0eaaa6; outline-offset: 3px; }
.hp-guided-fields .hp-empty-inline { line-height: 1.65; color: #536779; padding: 16px; border: 1px solid #dce7ec; border-radius: 12px; background: #f5fafb; }
.hp-guided-fields .hp-empty-inline strong { display: block; margin-bottom: 4px; color: #10233f; }
.hp-guided-fields .hp-form-note { line-height: 1.6; }
.hp-portal-empty .hp-empty { max-width: 700px; margin: auto; }
.hp-portal-empty .hp-primary { margin: 4px 0 16px; }
@media(max-width:760px) {
  .hp-guided-fields .hp-repayment-fields { grid-template-columns: minmax(0,1fr); }
  .hp-guided-fields .hp-form-grid { gap: 21px; }
}
@media(max-width:480px) {
  .hp-guided-fields .hp-front-card { padding: 20px 18px; }
  .hp-application.hp-guided-fields .hp-bank-preview > span { margin-left: 0; }
  .hp-guided-fields .hp-field-help { font-size: 12px; }
}