/* Website-owned presentation; never appended to the generated output ZIP.
   Selector scope is deliberately limited to this host's sample area. */
body { margin: 0; background: #f6fbf8; color: #173b37; font-family: Arial, sans-serif; }
#sample-demo { box-sizing: border-box; width: 100%; max-width: 640px; margin: 24px auto; padding: 16px; }
#sample-demo .preview-note { font-size: .875rem; line-height: 1.5; }
#sample-demo .ssc-calc { display: block; min-width: 0; }
/* Workbook cells already carry the input boundary. Preserve native steppers,
   validation appearance and keyboard outline; remove only the duplicate box. */
#sample-demo .ssc-calc input[type="number"] {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  padding: .375rem .25rem;
}
#sample-demo .ssc-calc input[type="number"]:focus-visible {
  outline: 2px solid #276b58;
  outline-offset: -2px;
}
#sample-demo .ssc-calc table[data-panel="radio"] td { padding: .25rem .625rem .25rem 0; }
#sample-demo .ssc-calc input[type="radio"] { width: 1.125rem; height: 1.125rem; vertical-align: middle; margin: .375rem .375rem .375rem 0; }
#sample-demo .ssc-calc table[data-panel="radio"] label { display: inline-block; padding: .625rem .25rem; line-height: 1.5; vertical-align: middle; }
/* BMI's text result is a single-line readonly control, unlike numeric results.
   At phone width the workbook allocates about 143px; retain a readable 16px
   status instead of clipping the 24px result style. Scope to this workbook and
   this named output only. All original result text and calculation stay intact. */
@media (max-width: 640px) {
  #sample-demo .ssc-embed-bmi-body-mass-index-calculator-v12-design5-sanitized input[name="Your_Weight_Status"] {
    font-size: 16px;
    box-sizing: border-box;
    min-width: 0;
    padding-inline: 2px;
  }
}