/*
 * RMediaTech Global Layout Foundation
 *
 * Purpose: To apply application-wide layout rules that ensure a consistent
 * and stable viewing experience across all devices. This is the long-term
 * solution to viewport-level bugs like horizontal scrolling.
 */

html {
    box-sizing: border-box;
    /* Prevents padding and border from adding to element width, a common cause of overflow. */
}

*,
*::before,
*::after {
    box-sizing: inherit;
}