/* V12: avoid hidden calculator/layout issues after a mobile tap. */
#calc-area[hidden] { display: none !important; }
#calc-area:not([hidden]) { display: block; }
#calc-area { scroll-margin-top: 110px; }
#calc-fields, #calc-form, #calc-area { min-width: 0; }
@media (max-width: 700px) {
  #calc-area { width: 100%; margin-top: 20px; }
  #calc-area .calc-grid { display: grid; grid-template-columns: minmax(0,1fr); }
  #calc-area .calc-fields { display: grid; grid-template-columns: minmax(0,1fr); }
  #calc-area .calc-fields label { display: block; width: 100%; }
  #calc-area .calc-fields input, #calc-area .calc-fields select { max-width: 100%; width: 100%; min-height: 44px; font-size: 16px; }
  #calc-area .calc-result { min-width: 0; }
}