/* Scoped to this calculator; use the site's existing surfaces and controls. */
#calories-burned-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
#calories-burned-form .calories-field { min-width: 0; }
#calories-burned-form .input { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
#calories-burned-form .label { display: block; margin-block-end: .35rem; }
#calories-burned-form [hidden], #calories-retry[hidden], #calories-result[hidden] { display: none; }
#calories-burned-form .calories-error { color: var(--danger, #b42318); }
#calories-result, #calories-source, #calories-status { overflow-wrap: anywhere; }
#calories-result .result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
#calories-result .mini-result { min-width: 0; }
#calories-result .result-value { font-variant-numeric: tabular-nums; }
#calories-source { border-inline-start: 3px solid var(--border, #d0d5dd); padding-inline-start: .75rem; }
[dir="rtl"] #calories-source { border-left: 0; padding-left: 0; }
@media (max-width: 600px) {
  #calories-burned-form, #calories-result .result-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-color-scheme: dark) {
  #calories-burned-form .calories-error { color: var(--danger, #ffb4ab); }
}