/* ==========================================================================
 * Application Wrapper
 * ========================================================================== */

.mds-h-application-wrapper {
  height: 100%;
  overflow: hidden;
}

/* 
  Add WCAG Reflow Compliance 
  While WCAG Reflow (SC 1.4.10) specifically requires support up to 400% zoom, applied reflow styles starting at 150% zoom,
  since some elements are cut off or difficult to use even at that level.
  At 150% zoom on a 1280px screen, the effective CSS width is about 853.33px.
*/
@media (max-width: $reflow-zoom-level--150) {
  .mds-h-application-wrapper {
    overflow: visible; /* Prevent clipping */
  }
}