.ssp-affordability { max-width: 920px; margin: 32px auto; padding: clamp(20px,4vw,40px); color: #292724; background: #fff; border: 1px solid #e6ddd3; border-radius: 18px; box-shadow: 0 12px 36px rgba(41,39,36,.08); }
.ssp-affordability .ssp-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 18px; }
.ssp-affordability label { display: flex; flex-direction: column; gap: 7px; margin: 0; color: #292724; font-size: 15px; font-weight: 600; line-height: 1.4; }
.ssp-affordability input:not([type="checkbox"]), .ssp-affordability select, .ssp-affordability textarea { display: block !important; width: 100% !important; min-height: 48px !important; box-sizing: border-box !important; padding: 11px 13px !important; color: #292724 !important; background: #fff !important; border: 1px solid #b9a38d !important; border-radius: 8px !important; font: inherit !important; line-height: 1.4 !important; opacity: 1 !important; }
.ssp-affordability textarea { min-height: 110px !important; resize: vertical; }
.ssp-affordability input:focus, .ssp-affordability select:focus, .ssp-affordability textarea:focus { outline: 3px solid rgba(179,138,69,.22) !important; border-color: #b38a45 !important; }
.ssp-affordability .ssp-button { display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px; padding: 12px 22px !important; color: #fff !important; background: #6d5848 !important; border: 1px solid #6d5848 !important; border-radius: 999px !important; font-weight: 700 !important; cursor: pointer; }
.ssp-affordability .ssp-button:hover { background: #4f4035 !important; }
.ssp-affordability .ssp-button:disabled { opacity: .6; cursor: wait; }
.ssp-affordability .ssp-form-status { min-height: 24px; margin-top: 10px; }
.ssp-affordability-result { margin-top: 28px; padding: 22px; background: #f7f2ea; border-left: 5px solid #b38a45; border-radius: 10px; }
.ssp-affordability-followup { margin-top: 30px; padding-top: 26px; border-top: 1px solid #e6ddd3; }
.ssp-affordability .ssp-consent { flex-direction: row; align-items: flex-start; margin: 14px 0; }
.ssp-affordability .ssp-consent input { margin-top: 4px; }
.ssp-affordability .ssp-honeypot { position: absolute !important; left: -9999px !important; }
@media (max-width:680px) { .ssp-affordability { margin: 18px 12px; padding: 18px; border-radius: 12px; } .ssp-affordability .ssp-form-row { grid-template-columns: 1fr; gap: 14px; margin-bottom: 14px; } .ssp-affordability .ssp-button { width: 100%; } }