.bbcs-wrap {
  font-family: Arial, sans-serif;
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px;
  color: #111827;
}
.bbcs-wrap * { box-sizing: border-box; }
.bbcs-hero { text-align: center; margin: 0 0 24px; }
.bbcs-hero h2 { font-size: clamp(28px, 4vw, 42px); line-height: 1.15; margin: 0 0 12px; color: #071735; }
.bbcs-hero p { font-size: 18px; line-height: 1.55; color: #4b5563; max-width: 760px; margin: 0 auto; }
.bbcs-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.06); padding: 28px; margin: 0 0 28px; }
.bbcs-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.bbcs-single-grid { margin-top: 18px; }
.bbcs-field label { display: block; font-weight: 700; margin: 0 0 8px; color: #111827; font-size: 15px; }
.bbcs-field input { width: 100%; padding: 14px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 16px; background: #fff; color: #111827; }
.bbcs-field input:focus { outline: none; border-color: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,.15); }
.bbcs-help { color: #6b7280; font-size: 13px; line-height: 1.4; margin-top: 6px; }
.bbcs-button { width: 100%; margin-top: 24px; padding: 16px 20px; font-size: 18px; font-weight: 800; border: 0; border-radius: 12px; background: #ef4444; color: #fff; cursor: pointer; transition: transform .15s ease, background .15s ease; }
.bbcs-button:hover { background: #dc2626; transform: translateY(-1px); }
.bbcs-secondary-button { padding: 10px 14px; border-radius: 10px; border: 1px solid #d1d5db; background: #fff; color: #111827; cursor: pointer; font-weight: 700; }
.bbcs-warning { margin-top: 18px; padding: 16px; border-radius: 12px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; font-weight: 700; line-height: 1.45; }
.bbcs-note { margin-top: 18px; padding: 14px; border-radius: 12px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a; font-size: 14px; line-height: 1.5; }
.bbcs-results h2, .bbcs-links h2 { margin: 0 0 18px; color: #071735; font-size: 28px; line-height: 1.2; }
.bbcs-results-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.bbcs-result-box { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 14px; padding: 18px; text-align: center; }
.bbcs-result-box.highlight { background: #ecfdf5; border-color: #a7f3d0; }
.bbcs-result-label { color: #6b7280; font-size: 14px; margin-bottom: 8px; line-height: 1.3; }
.bbcs-result-value { color: #111827; font-weight: 900; font-size: 24px; line-height: 1.2; }
.bbcs-result-box.highlight .bbcs-result-value { color: #047857; }
.bbcs-summary { margin-top: 20px; background: #f3f4f6; padding: 18px; border-radius: 12px; color: #374151; font-size: 17px; line-height: 1.6; }
.bbcs-payoff-list { margin-top: 20px; overflow-x: auto; }
.bbcs-payoff-list table { width: 100%; border-collapse: collapse; font-size: 14px; }
.bbcs-payoff-list th, .bbcs-payoff-list td { border: 1px solid #e5e7eb; padding: 10px; text-align: left; }
.bbcs-payoff-list th { background: #f9fafb; color: #111827; }
.bbcs-debt-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.bbcs-debt-header h3 { margin: 0; font-size: 22px; line-height: 1.25; color: #071735; }
.bbcs-debt-row { display: grid; grid-template-columns: 1.1fr 1fr .8fr 1fr auto; gap: 12px; align-items: end; padding: 14px; border: 1px solid #e5e7eb; border-radius: 14px; margin-bottom: 12px; background: #fcfcfd; }
.bbcs-debt-row .bbcs-field label { font-size: 13px; }
.bbcs-remove { width: 38px; height: 38px; border: 0; border-radius: 10px; background: #fee2e2; color: #991b1b; font-size: 22px; cursor: pointer; }
.bbcs-links ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 24px; padding-left: 22px; margin: 0; }
.bbcs-links a { color: #b91c1c; font-weight: 700; text-decoration: underline; }
.bbcs-disclaimer { color: #6b7280; font-size: 13px; line-height: 1.5; margin: 0 0 24px; }
@media (max-width: 780px) {
  .bbcs-wrap { padding: 20px 12px; }
  .bbcs-card { padding: 22px; }
  .bbcs-grid, .bbcs-results-grid, .bbcs-links ul { grid-template-columns: 1fr; }
  .bbcs-debt-row { grid-template-columns: 1fr; }
  .bbcs-remove { width: 100%; }
  .bbcs-hero p { font-size: 16px; }
}

.bbcs-free-note {
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 12px auto 0;
  max-width: 760px;
}