.cbm_calc_section { max-width: 960px; margin: 0 auto; padding: 1rem; }
.cbm_calc_page-title { margin: 0 0 .25rem; font-size: 1.6rem; }
.cbm_calc_page-dek { margin: 0 0 1rem; color: #444; }

.cbm_calc_widget {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: #fff;
  color: #111;
  border: 1px solid #ececf1;
  border-radius: 14px;
  padding: 1rem;
  margin: 1rem 0;
  box-shadow: 0 6px 22px rgba(0,0,0,.04);
}

.cbm_calc_header { margin-bottom: .5rem; }
.cbm_calc_title { font-size: 1.25rem; margin: 0 0 .25rem; }
.cbm_calc_hint { margin: 0; color: #555; }

.cbm_calc_mode { display: flex; align-items: center; gap: .75rem; margin: .75rem 0; }
.cbm_calc_mode-label { color: #333; font-weight: 600; }
.cbm_calc_toggle { display: inline-flex; border: 1px solid #d5d7de; border-radius: 999px; overflow: hidden; }
.cbm_calc_toggle-btn {
  appearance: none; border: 0; padding: .5rem .9rem; background: #f4f5f7; cursor: pointer; font-weight: 700;
}
.cbm_calc_toggle-btn--active { background: #111; color: #fff; }

.cbm_calc_form { margin-top: .5rem; }
.cbm_calc_grid { display: grid; grid-template-columns: 1fr; gap: .75rem; }
@media (min-width: 640px) { .cbm_calc_grid { grid-template-columns: 1fr 1fr; } }

.cbm_calc_label { display: grid; gap: .35rem; font-weight: 600; }
.cbm_calc_input {
  width: 100%; padding: .6rem .75rem; border: 1px solid #d5d7de; border-radius: 10px; font-size: 1rem; background: #fff;
}
.cbm_calc_input:focus { outline: none; border-color: #7c8cff; box-shadow: 0 0 0 3px rgba(124,140,255,.15); }

.cbm_calc_actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .75rem; }
.cbm_calc_btn { padding: .6rem 1rem; border-radius: 999px; border: 0; cursor: pointer; font-weight: 700; }
.cbm_calc_btn--primary { background: #111; color: #fff; }
.cbm_calc_btn--secondary { background: #ececf1; color: #111; }
.cbm_calc_status { align-self: center; color: #444; }

.cbm_calc_results { margin-top: 1rem; }
.cbm_calc_cards { display: grid; grid-template-columns: 1fr; gap: .75rem; }
@media (min-width: 720px) { .cbm_calc_cards { grid-template-columns: 1fr 1fr 1fr; } }

.cbm_calc_card { border: 1px solid #ececf1; border-radius: 12px; padding: .9rem; background: #fff; }
.cbm_calc_card-title { margin: 0 0 .5rem; font-size: 1rem; }
.cbm_calc_kv { display: grid; grid-template-columns: 1fr auto; gap: .4rem .75rem; margin: 0; }
.cbm_calc_kv dt { color: #444; }
.cbm_calc_kv dd { margin: 0; font-weight: 700; }

.cbm_calc_summary { margin: 0; color: #555; }
.cbm_calc_summary--good { color: #0a7d2b; font-weight: 700; }
.cbm_calc_summary--bad { color: #b00020; font-weight: 700; }

.cbm_calc_warning { background: #fff8e1; border: 1px solid #ffe9a8; padding: .6rem; border-radius: 10px; color: #6a5600; margin-top: .5rem; }

.cbm_calc_note { margin: .75rem 0 0; color: #666; font-size: .95rem; }