/* Working days calculator UK. Base look comes from .hmbd-tool in hmbd.css. */
.hmbd-ukc .hmbd-ukc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75em 1em; margin: 0 0 0.9em; }
.hmbd-ukc .hmbd-ukc-grid p { margin: 0; display: flex; flex-direction: column; gap: 0.3em; min-width: 0; }
.hmbd-ukc .hmbd-ukc-grid [hidden] { display: none; }
.hmbd-ukc .hmbd-ukc-grid input, .hmbd-ukc .hmbd-ukc-grid select { flex: 0 0 auto; width: 100%; box-sizing: border-box; }
.hmbd-ukc .hmbd-ukc-check { grid-column: 1 / -1; flex-direction: row !important; align-items: center; gap: 0.5em !important; }
.hmbd-ukc .hmbd-ukc-check input { width: 1.25em; height: 1.25em; flex: 0 0 auto; margin: 0; cursor: pointer; }
/* The label is a sibling of the checkbox; give it the 44px tap height and let it fill the row. */
.hmbd-ukc .hmbd-ukc-check label { font-weight: 400; font-size: 0.95em; flex: 1 1 auto; display: flex; align-items: center; min-height: 44px; padding: 0.2em 0; box-sizing: border-box; cursor: pointer; }
/* Reserve room for the result so nothing shifts when the script replaces the server answer. */
#hmbd-ukc-answer { min-height: 3.2em; margin: 0; }
#hmbd-ukc-extra { min-height: 3.3em; margin: 0.4em 0 0; font-size: 0.92em; }
#hmbd-ukc-out { overflow-wrap: anywhere; }
@media (max-width: 544px) {
  .hmbd-ukc .hmbd-ukc-grid { grid-template-columns: minmax(0, 1fr); }
  #hmbd-ukc-answer { min-height: 4.8em; }
  #hmbd-ukc-extra { min-height: 6.5em; }
}
@media (max-width: 359px) { #hmbd-ukc-answer { min-height: 6.1em; } #hmbd-ukc-extra { min-height: 7.8em; } }