/* =====================================================
   CBA Home Loan Calculators — calc.css v4.0
   ===================================================== */

/* ---- Box-sizing & base ---- */
.cba-wrap, .cba-wrap * { box-sizing: border-box; }
.cba-wrap {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  max-width: 1100px;
  margin: 0 auto 40px;
}

/* Grid */
.cba-wrap .row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.cba-wrap [class*="col-"] { padding: 0 12px; width: 100%; }
@media(min-width:576px) {
  .cba-wrap .col-sm-6 { width:50%; }
  .cba-wrap .col-lg-5 { width: 41.6667%; }
  .cba-wrap .col-lg-7 { width: 58.3333%; }
}
.cba-wrap .col-6 { width:50%; }
.cba-wrap .col-12 { width:100%; }

/* Screen reader only */
.cba-wrap .screen-reader-only,
.cba-wrap .sr-only {
  position:absolute; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); border:0;
}

/* ---- Form elements ---- */
.cba-wrap h2 { font-size:22px; font-weight:700; margin:0 0 16px; }
.cba-wrap h3 { font-size:16px; font-weight:600; margin:0 0 12px; }
.cba-wrap h4 { font-size:18px; font-weight:700; margin:0 0 16px; }
.cba-wrap h5 { font-size:14px; font-weight:600; margin:8px 0 6px; }

.cba-wrap .form-group { margin-bottom:16px; }
.cba-wrap .form-group label { display:block; font-size:13px; font-weight:500; margin-bottom:5px; }
.cba-wrap .form-text { font-size:12px; color:#666; margin:4px 0 0; }
.cba-wrap .help-block { font-size:12px; color:#666; margin-top:4px; }

.cba-wrap .form-control {
  display:block; width:100%; height:38px;
  padding:6px 12px; font-size:14px; color:#333;
  background:#fff; border:1px solid #ccc; border-radius:4px;
  appearance:none; -webkit-appearance:none;
  transition:border-color .15s;
}
.cba-wrap .form-control:focus { outline:none; border-color:#005fcc; box-shadow:0 0 0 2px rgba(0,95,204,.2); }
.cba-wrap select.form-control {
  padding-right:28px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; cursor:pointer;
}
input[type="tel"].form-control, input[type="number"].form-control { -moz-appearance:textfield; }
input[type="tel"]::-webkit-inner-spin-button, input[type="tel"]::-webkit-outer-spin-button { display:none; }

/* Input groups */
.cba-wrap .input-group { display:flex; }
.cba-wrap .input-group .form-control { flex:1; border-radius:0; }
.cba-wrap .input-group .form-control:first-child { border-radius:4px 0 0 4px; }
.cba-wrap .input-group .form-control:last-child  { border-radius:0 4px 4px 0; }
.cba-wrap .input-group-addon {
  display:flex; align-items:center; padding:0 10px;
  font-size:14px; color:#555; background:#f5f5f5;
  border:1px solid #ccc; white-space:nowrap;
}
.cba-wrap .input-group-addon:first-child { border-right:none; border-radius:4px 0 0 4px; }
.cba-wrap .input-group-addon:last-child  { border-left:none;  border-radius:0 4px 4px 0; }
.cba-wrap .input-group.merged .input-group-addon:first-child { border-right:none; }
.cba-wrap .input-group.merged .form-control { border-left:none; }

/* Inline row */
.cba-wrap .form-inline { display:flex; flex-wrap:wrap; gap:0; }
.cba-wrap .form-inline .form-group { margin-bottom:0; }
.cba-wrap .mb-0 { margin-bottom:0!important; }
.cba-wrap .mb-2 { margin-bottom:8px!important; }
.cba-wrap .mb-3 { margin-bottom:12px; }
.cba-wrap .mb-4 { margin-bottom:16px; }
.cba-wrap .mb-5 { margin-bottom:20px; }
.cba-wrap .mt-0 { margin-top:0!important; }
.cba-wrap .mt-md-5 { margin-top:20px; }
.cba-wrap .my-4 { margin-top:16px; margin-bottom:16px; }
.cba-wrap .width-50 { max-width:50%; }
.cba-wrap .p-0 { padding:0; }
.cba-wrap .m-0 { margin:0; }
.cba-wrap .pt-2 { padding-top:8px; }
.cba-wrap .pr-2 { padding-right:8px; }
.cba-wrap .pb-3 { padding-bottom:12px; }

/* Toggle expand links */
.cba-wrap .link {
  background:none; border:none; padding:0;
  font-size:14px; font-weight:600; color:#006bcb;
  cursor:pointer; text-decoration:none; display:inline-block;
}
.cba-wrap .link:hover { text-decoration:underline; }

/* Buttons */
.cba-wrap .btn-action--emphasis {
  display:inline-block; padding:10px 24px;
  font-size:15px; font-weight:700;
  background:#ffcc00; color:#1a1a1a;
  border:none; border-radius:4px; cursor:pointer;
  transition:background .15s;
}
.cba-wrap .btn-action--emphasis:hover { background:#f0be00; }
.cba-wrap .btn-action--emphasis.block-display { display:block; width:100%; text-align:center; text-decoration:none; }
.cba-wrap .btn-action--subtle {
  background:none; border:none; color:#006bcb;
  cursor:pointer; font-size:14px; padding:0; text-decoration:underline;
}
.cba-wrap .btn-action {
  display:inline-block; padding:10px 24px;
  font-size:14px; font-weight:600;
  background:#1a1a2e; color:#fff;
  border:none; border-radius:4px; cursor:pointer;
}
.cba-wrap .btn { padding:8px 20px; font-size:14px; font-weight:600; border:none; border-radius:4px; cursor:pointer; }
.cba-wrap .btn-primary { background:#1a1a2e; color:#fff; }
.cba-wrap .btn-outline { background:#fff; color:#1a1a2e; border:2px solid #1a1a2e; padding:8px 20px; font-size:14px; font-weight:600; border-radius:4px; text-decoration:none; display:inline-block; }

/* ============================================================
   BORROWING CALCULATOR
   ============================================================ */
.cba-borrowing .question-form { padding:24px; border-right:1px solid #ddd; }
.cba-borrowing .blade { padding-bottom:16px; }
.cba-borrowing .blade + .blade { border-top:1px solid #e5e5e5; padding-top:16px; }

/* Results panel — dark */
.cba-borrowing .results.bg-dark {
  background:#1a1a2e; color:#fff;
  padding:28px; border-radius:4px;
}
.cba-borrowing .results.bg-dark h2,
.cba-borrowing .results.bg-dark h3,
.cba-borrowing .results.bg-dark h4 { color:#fff; }
.cba-borrowing .results.bg-dark .form-control { background:#2a2a40; color:#fff; border-color:#444; }
.cba-borrowing .results.bg-dark .input-group-addon { background:#333; color:#ccc; border-color:#444; }
.cba-borrowing .results.bg-dark .form-text { color:#bbb; }
.cba-borrowing .results.bg-dark a { color:#ffcc00; }
.cba-borrowing .results.bg-dark hr { border-color:#444; }

.cba-borrowing .capacity-text {
  font-size:36px; font-weight:700; color:#fff;
  display:flex; align-items:center; gap:12px; margin:8px 0 16px;
}
.cba-borrowing .icon-btn-edit {
  background:none; border:none; color:#fff;
  font-size:18px; cursor:pointer; opacity:0.8;
}

/* Slider */
.cba-borrowing .slider-container { position:relative; margin-bottom:16px; }
.cba-borrowing .slider {
  width:100%; height:6px; appearance:none; -webkit-appearance:none;
  background:#444; border-radius:3px; outline:none; cursor:pointer;
}
.cba-borrowing .slider::-webkit-slider-thumb {
  appearance:none; -webkit-appearance:none;
  width:20px; height:20px; border-radius:50%;
  background:#ffcc00; cursor:pointer;
}
.cba-borrowing .slider::-moz-range-thumb {
  width:20px; height:20px; border-radius:50%; background:#ffcc00; cursor:pointer; border:none;
}
.cba-borrowing .slider-range {
  height:6px; background:#ffcc00; border-radius:3px;
  position:absolute; top:50%; transform:translateY(-50%);
  pointer-events:none;
}
.cba-borrowing .slider-note { display:flex; justify-content:space-between; font-size:12px; color:#bbb; margin-top:4px; }
.cba-borrowing .section { margin-top:16px; }
.cba-borrowing .label { font-size:28px; font-weight:700; color:#fff; margin-right:10px; }
.cba-borrowing .no-outline { display:flex; align-items:center; }
.cba-borrowing .form-inline.mb-0 { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cba-borrowing .select-style { display:flex; align-items:center; }
.cba-borrowing .select-style .label { font-size:14px; font-weight:400; margin-right:8px; }

/* Product list */
.cba-borrowing .product-list .list-group { margin-bottom:8px; }
.cba-borrowing .toggle { margin-top:8px; }
.cba-borrowing .toggle button { background:none; border:none; color:#ffcc00; cursor:pointer; font-size:13px; text-decoration:underline; }

/* CTA block */
.cba-borrowing .cta-block-two { background:#f7f7f7; padding:24px; margin-top:24px; border-radius:4px; }
.cba-borrowing .cta-block-two .sub-title { color:#1a1a2e; }
.cba-borrowing .cta-margin { margin-top:12px; }

/* ============================================================
   REPAYMENT CALCULATOR
   ============================================================ */
.cba-repayment .question-section { background:#fff; border-bottom:1px solid #ddd; padding:16px 0; margin-bottom:24px; }
.cba-repayment .container { padding:0 16px; }
.cba-repayment .sm-menu { display:flex; flex-wrap:wrap; width:100%; align-items:center; gap:8px; }
.cba-repayment .question { margin-bottom:16px; }
.cba-repayment .form-actions { margin-top:8px; }
.cba-repayment #rc-question-form { padding-top:16px; }

.cba-repayment .calculation-respond { font-size:24px; font-weight:700; color:#1a1a2e; display:block; }
.cba-repayment .open-visible label { font-size:13px; color:#666; display:block; margin-bottom:4px; }
.cba-repayment .question-form-toggle a { font-size:20px; color:#666; cursor:pointer; text-decoration:none; }

/* Results */
.cba-repayment .results { background:#fff; padding:24px 0; }
.cba-repayment .b-testing { padding:0 16px; }
.cba-repayment h4 { font-size:20px; font-weight:700; margin-bottom:20px; }
.cba-repayment .monthly-repayments-details { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.cba-repayment .repayments-subcontainer { flex:1; min-width:120px; }
.cba-repayment .subheading { font-size:12px; color:#666; margin-bottom:4px; }
.cba-repayment .figure { font-size:32px; font-weight:700; color:#1a1a2e; }
.cba-repayment .figure.rate { font-size:28px; }
.cba-repayment .figure-with-subtext { display:flex; align-items:baseline; }
.cba-repayment .subtext { font-size:14px; color:#666; }
.cba-repayment .monthly-repayments-rates { display:flex; gap:16px; }
.cba-repayment .additional-results { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:20px; padding-top:16px; border-top:1px solid #eee; }
.cba-repayment .repayments-figure-label span { font-size:13px; color:#666; display:block; margin-bottom:4px; }
.cba-repayment .repayments-figure { font-size:20px; font-weight:700; color:#1a1a2e; }
.cba-repayment .first-figure { border-right:1px solid #eee; padding-right:16px; }
.cba-repayment .fixed { min-width:160px; }
.cba-repayment .extra-repayment-prefix { display:flex; align-items:center; padding:0 10px; background:#f5f5f5; border:1px solid #ccc; border-right:none; border-radius:4px 0 0 4px; }
.cba-repayment .input-group.merged input { border-left:none; border-radius:0 4px 4px 0; }

/* Wealth package */
.cba-repayment .wealth-package-cost-container { flex-basis:100%; }
.cba-repayment .checkbox { display:flex; gap:10px; align-items:flex-start; }
.cba-repayment .checkbox input[type="checkbox"] { margin-top:3px; flex-shrink:0; }
.cba-repayment .add-label { font-weight:700; display:block; margin-bottom:4px; }

/* Graph/table toggles */
.cba-repayment .repayment-results { margin-top:16px; }
.cba-repayment .toggle-graph-link { color:#006bcb; cursor:pointer; text-decoration:none; font-size:14px; font-weight:600; }
.cba-repayment .toggle-graph-link:hover { text-decoration:underline; }
.cba-repayment .toggle-graph-link.active { color:#1a1a2e; text-decoration:underline; }
.cba-repayment .substract-line { display:inline-block; width:1px; height:14px; background:#ccc; margin:0 10px; vertical-align:middle; }

/* Chart */
.cba-repayment #rc-chart { width:100%!important; max-height:300px; }

/* Table */
.cba-repayment .repay-table { width:100%; border-collapse:collapse; font-size:13px; }
.cba-repayment .repay-table th, .cba-repayment .repay-table td { padding:8px 12px; text-align:right; border-bottom:1px solid #eee; }
.cba-repayment .repay-table th { background:#f5f5f5; font-weight:600; }
.cba-repayment .repay-table td:first-child, .cba-repayment .repay-table th:first-child { text-align:left; }

/* ============================================================
   STAMP DUTY CALCULATOR
   ============================================================ */
.cba-stamp-duty .question-section { background:#fff; border-bottom:1px solid #ddd; padding:16px 0; margin-bottom:0; }
.cba-stamp-duty .container { padding:0 16px; }
.cba-stamp-duty .sm-menu { display:flex; flex-wrap:wrap; width:100%; align-items:center; }
.cba-stamp-duty .question { margin-bottom:16px; }
.cba-stamp-duty .calculation-respond { font-size:24px; font-weight:700; color:#1a1a2e; }
.cba-stamp-duty .open-visible label { font-size:13px; color:#666; display:block; margin-bottom:4px; }
.cba-stamp-duty .question-form-toggle a { font-size:20px; color:#666; cursor:pointer; text-decoration:none; }
.cba-stamp-duty #sd-question-form { padding-top:16px; }

/* Results */
.cba-stamp-duty .results { background:#fff; }
.cba-stamp-duty .result-container { padding:24px 16px; }
.cba-stamp-duty .result-visualisation { border-bottom:1px solid #eee; }
.cba-stamp-duty h3 { font-size:18px; }
.cba-stamp-duty .text-center { text-align:center; }

/* Pie / donut charts */
.cba-stamp-duty .savings-split-panel { padding:8px 0; }
.cba-stamp-duty .pie-container { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; }
.cba-stamp-duty .pie-item { display:flex; align-items:center; justify-content:center; }
.cba-stamp-duty .pie-item.operator { font-size:28px; color:#666; padding:0 8px; }
.cba-stamp-duty .donut-wrap { text-align:center; }
.cba-stamp-duty .graph-context { text-align:center; font-size:13px; color:#666; margin-top:8px; }

/* Cost list */
.cba-stamp-duty .well { background:#f9f9f9; }
.cba-stamp-duty .cost-list-header { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#666; margin-bottom:12px; }
.cba-stamp-duty .cost-list { list-style:none; padding:0; margin:0; }
.cba-stamp-duty .cost-category { border-bottom:1px solid #e5e5e5; }
.cba-stamp-duty .cost-category h5 { margin:0; }
.cba-stamp-duty .cost-category .collapser {
  display:flex; justify-content:space-between; align-items:center;
  width:100%; padding:12px 0; text-decoration:none; color:#1a1a2e;
}
.cba-stamp-duty .cost-category .collapser:hover { color:#006bcb; }
.cba-stamp-duty .cost-title { flex:1; font-size:14px; font-weight:600; }
.cba-stamp-duty .value { font-size:14px; font-weight:600; margin:0 12px; }
.cba-stamp-duty .value sup { font-size:10px; }
.cba-stamp-duty .sub-text { font-size:11px; color:#888; margin-right:8px; }
.cba-stamp-duty .paragraph-family { list-style:none; padding:0 0 12px 12px; margin:0; }
.cba-stamp-duty .paragraph-family li { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; padding:6px 0; border-bottom:1px solid #f0f0f0; font-size:13px; }
.cba-stamp-duty .paragraph-family li:last-child { border-bottom:none; }
.cba-stamp-duty .cost-description { font-size:12px; color:#666; flex-basis:100%; }
.cba-stamp-duty .last h5 { display:flex; justify-content:space-between; padding:12px 0; font-size:15px; border-top:2px solid #1a1a2e; }
.cba-stamp-duty .last .value { font-size:16px; }

/* Deposit bar */
.cba-stamp-duty .deposit-bar-wrap { position:relative; margin:12px 0 8px; height:20px; }
.cba-stamp-duty .deposit-bar-bg { height:7px; background:#d9d9d9; border-radius:4px; position:absolute; top:50%; transform:translateY(-50%); width:100%; }
.cba-stamp-duty .deposit-bar-fill { height:7px; background:#107bbf; border-radius:4px; position:absolute; top:50%; transform:translateY(-50%); }
.cba-stamp-duty .deposit-bar-label { font-size:12px; color:#107bbf; float:right; }
.cba-stamp-duty .lmi-panel { padding:20px 16px; }
.cba-stamp-duty .lmi-amount { font-size:16px; font-weight:600; margin-bottom:16px; }
.cba-stamp-duty .btn-outline { margin-top:12px; }

/* ============================================================
   REFINANCE CALCULATOR
   ============================================================ */
.cba-refinance { padding:24px; }
.cba-refinance .refinance-calculator-input { padding-right:20px; }
.cba-refinance .form-group { margin-bottom:16px; }
.cba-refinance .form-group label { display:block; font-size:13px; font-weight:600; margin-bottom:5px; }
.cba-refinance .form-control { display:block; width:100%; height:38px; padding:6px 12px; font-size:14px; border:1px solid #ccc; border-radius:4px; }
.cba-refinance select.form-control {
  appearance:none; -webkit-appearance:none;
  padding-right:28px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center;
}
.cba-refinance .rate-percent-per-annum { right:10px; top:50%; transform:translateY(-50%); font-size:13px; color:#666; pointer-events:none; }
.cba-refinance .position-relative { position:relative; }
.cba-refinance .position-absolute { position:absolute; }

/* Toggle buttons (Owner/Investment, P&I/IO) */
.cba-refinance .switch-button-label { font-size:13px; font-weight:600; margin-bottom:6px; }
.cba-refinance .tab-button {
  padding:10px 0; font-size:14px; font-weight:600;
  background:#f0f0f0; color:#333; border:1px solid #ccc;
  cursor:pointer; transition:background .15s;
}
.cba-refinance .tab-button:first-child { border-radius:4px 0 0 4px; border-right:none; }
.cba-refinance .tab-button:last-child  { border-radius:0 4px 4px 0; }
.cba-refinance .tab-button.active { background:#1a1a2e; color:#fff; border-color:#1a1a2e; }

/* Output panel */
.cba-refinance .refinance-calculator-output { padding-left:20px; }
.cba-refinance .repayment { background:#f9f9f9; padding:20px; border-radius:6px; }
.cba-refinance .repayment-subheader { font-size:12px; color:#666; font-weight:600; margin-bottom:4px; }
.cba-refinance .repayment-currency-primary { font-size:36px; font-weight:700; color:#1a1a2e; margin-bottom:16px; }
.cba-refinance .repayment-currency-primary-bold { font-size:22px; font-weight:700; color:#1a1a2e; }
.cba-refinance .repayment-currency-secondary { font-size:22px; font-weight:700; color:#1a1a2e; }
.cba-refinance hr { border:none; border-top:1px solid #ddd; margin:16px 0; }
.cba-refinance .repayment-projected-savings { margin-bottom:16px; }
.cba-refinance .repayment-projected-savings-frequency { min-width:100px; }
.cba-refinance .d-flex { display:flex; }
.cba-refinance .d-sm-block { display:block; }
.cba-refinance .flex-column { flex-direction:column; }
.cba-refinance .flex-xl-row { flex-direction:row; }
.cba-refinance .justify-content-between { justify-content:space-between; }
.cba-refinance .pt-2 { padding-top:8px; }
.cba-refinance .p-0 { padding:0; }
.cba-refinance .m-0 { margin:0; }
.cba-refinance .mb-1 { margin-bottom:4px; }
.cba-refinance .mb-2 { margin-bottom:8px; }
.cba-refinance .mt-0 { margin-top:0; }
.cba-refinance .mt-3 { margin-top:12px; }
.cba-refinance .mb-0 { margin-bottom:0; }
.cba-refinance .pr-2 { padding-right:8px; }
.cba-refinance .pb-3 { padding-bottom:12px; }
.cba-refinance .w-100 { width:100%; }
.cba-refinance .w-50 { width:50%; }
.cba-refinance .text-center { text-align:center; }

/* Accordion */
.cba-refinance .accordion-header {
  display:flex; justify-content:space-between; align-items:center;
  width:100%; padding:12px 0; background:none; border:none;
  border-top:1px solid #ddd; cursor:pointer;
  font-size:14px; font-weight:600; color:#1a1a2e; text-align:left;
}
.cba-refinance .accordion-header .chevron { font-size:18px; transition:transform .2s; }
.cba-refinance .accordion-header[aria-expanded="true"] .chevron { transform:rotate(180deg); }
.cba-refinance .accordion-content { padding:12px 0; font-size:13px; }
.cba-refinance .repayment-accordion-label-bold { font-weight:700; font-size:13px; }
.cba-refinance ul { padding-left:20px; margin:0 0 12px; }
.cba-refinance ul li { margin-bottom:6px; }
.cba-refinance .btn-action--subtle { background:none; border:none; color:#006bcb; cursor:pointer; font-size:13px; text-decoration:underline; }

/* Slider */
.cba-refinance .slider-note { display:flex; justify-content:space-between; font-size:12px; color:#666; }
.cba-refinance .slider-slide {
  width:100%; height:6px; appearance:none; -webkit-appearance:none;
  background:#ddd; border-radius:3px; outline:none; cursor:pointer; display:block; margin-top:8px;
}
.cba-refinance .slider-slide::-webkit-slider-thumb {
  appearance:none; width:18px; height:18px;
  border-radius:50%; background:#ffcc00; cursor:pointer;
}

/* CTA actions bar */
.cba-refinance .refinance-calculator-actions { padding:20px 0 0; margin-top:16px!important; border-top:1px solid #ddd; }
.cba-refinance .refinance-calculator-actions h3 { font-size:16px; }
.cba-refinance .refinance-calculator-actions p { font-size:13px; color:#555; }
.cba-refinance .align-items-center { align-items:center; }
.cba-refinance .align-items-sm-start { align-items:flex-start; }
.cba-refinance .py-2 { padding-top:8px; padding-bottom:8px; }
.cba-refinance .pl-0 { padding-left:0; }

/* ============================================================
   CUSTOM DROP DOWN wrapper
   ============================================================ */
.cba-wrap .custom-drop-down { position:relative; display:block; }
.cba-wrap .custom-drop-down select { width:100%; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:767px) {
  .cba-borrowing .row { flex-direction:column; }
  .cba-borrowing .question-form { border-right:none; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; }
  .cba-repayment .monthly-repayments-details { flex-direction:column; }
  .cba-refinance .refinance-calculator-input,
  .cba-refinance .refinance-calculator-output { padding:0 0 20px; }
}

/* Ineligible / N/A state — fades the results panel */
.cba-borrowing .results.bg-dark.bc-results--na {
  opacity: 0.45;
  pointer-events: none;
  user-select: none;
  position: relative;
}
.cba-borrowing .results.bg-dark.bc-results--na::after {
  content: "Please adjust your inputs — borrowing capacity could not be calculated.";
  position: absolute;
  bottom: 16px; left: 0; right: 0;
  text-align: center;
  font-size: 13px;
  color: #ffcc00;
  padding: 0 16px;
  pointer-events: none;
}