.cwc-calculator,.cwc-calculator *{box-sizing:border-box}
.cwc-calculator{font-family:inherit}
.cwc-calculator .cw-mortgage-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:22px;align-items:start}
.cwc-calculator .cw-card{background:#fff;border:1px solid #d8e2f0;border-radius:18px;padding:26px;box-shadow:0 8px 24px rgba(25,65,120,.06)}
.cwc-calculator h2{margin:0 0 16px;color:#174782;font-size:28px!important;line-height:1.2!important;font-weight:700!important}
.cwc-calculator .cw-section-intro{margin:0 0 18px;color:#54729c;font-size:16px!important;line-height:1.55!important}
.cwc-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;min-width:0}
.cwc-field label{display:block;margin:0 0 7px;color:#123e73;font-size:16px!important;line-height:1.2!important;font-weight:600!important}
.cwc-field{min-width:0}.cwc-field input,.cwc-field select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 14px!important;border:1px solid #c9d8ec!important;border-radius:10px!important;background:#fafbfd!important;color:#173c6b!important;font-family:inherit!important;font-size:18px!important;box-shadow:none!important}
.cwc-field.full{grid-column:1/-1}
.cwc-calculator .cw-actions{display:flex;gap:10px;margin-top:16px}
.cwc-calculator .cw-actions button{display:inline-flex!important;align-items:center;justify-content:center;height:56px!important;min-height:56px!important;padding:0 20px!important;border-radius:10px!important;font-family:inherit!important;font-size:18px!important;font-weight:700!important}
.cwc-calculator .cw-primary{border:0!important;background:#3164d8!important;color:#fff!important}
.cwc-calculator .cw-secondary{border:0!important;background:#edf3fb!important;color:#174782!important}
.cwc-calculator .cw-note{margin:16px 0 0!important;color:#58779f!important;font-size:16px!important;line-height:1.55!important}
.cwc-calculator .cw-payment{margin:12px 0 4px!important;color:#174782!important;font-size:50px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-1px!important}
.cwc-calculator .cw-result-sub{margin:0 0 22px!important;color:#54729c!important;font-size:16px!important}
.cwc-details{border-top:1px solid #d8e2f0}
.cwc-details .cwc-row{display:flex;justify-content:space-between;gap:20px;min-height:58px;padding:14px 0;border-bottom:1px solid #d8e2f0;color:#174782;font-size:18px}
.cwc-details strong{color:#174782;font-weight:700;text-align:right}
.cwc-calculator .cw-result-actions{display:flex;gap:10px;margin-top:16px}
.cwc-calculator .cw-result-btn{display:inline-flex!important;align-items:center;justify-content:center;height:56px!important;min-height:56px!important;padding:0 20px!important;border:1px solid #c9d8ec!important;border-radius:10px!important;background:#fff!important;color:#174782!important;font-family:inherit!important;font-size:18px!important;font-weight:700!important}
@media(max-width:900px){.cwc-calculator .cw-mortgage-grid{grid-template-columns:1fr}}
@media(max-width:600px){.cwc-calculator .cw-card{padding:22px}.cwc-fields{grid-template-columns:1fr}.cwc-field.full{grid-column:auto}.cwc-calculator .cw-payment{font-size:42px!important}}

/* 1.0.1: native date/time controls must never force a calculator field wider than its grid track. */
.cwc-calculator .cwc-field input[type="date"],
.cwc-calculator .cwc-field input[type="time"]{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.cwc-calculator .cwc-field input[type="date"]::-webkit-date-and-time-value{
  text-align:left;
}
.cwc-calculator .cwc-field input[type="date"]::-webkit-calendar-picker-indicator,
.cwc-calculator .cwc-field input[type="time"]::-webkit-calendar-picker-indicator{
  margin-left:4px;
}
.cwc-calculator .cwc-result-title{margin-bottom:16px!important}

/* 1.0.2: native date/time controls must not clip their value text. */
.cwc-field input[type="date"],
.cwc-field input[type="time"]{
  min-width:0!important;
  width:100%!important;
  padding-left:14px!important;
  padding-right:42px!important;
  overflow:hidden!important;
}
.cwc-field input[type="date"]::-webkit-datetime-edit,
.cwc-field input[type="time"]::-webkit-datetime-edit{
  padding:0!important;
  min-width:0!important;
}
.cwc-field input[type="date"]::-webkit-calendar-picker-indicator,
.cwc-field input[type="time"]::-webkit-calendar-picker-indicator{
  margin:0!important;
  padding:0!important;
  width:18px!important;
  height:18px!important;
}
.cwc-field{min-width:0!important}