/* Lighthouse desktop stability/performance v26 */ /* Reserve scrollbar space so auth/app state changes do not shift the page horizontally. */ html { scrollbar-gutter: stable; } /* session-bootstrap.js adds this class synchronously in for a valid cached login. */ html.kmutt-returning-session .auth-gate { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; filter: none !important; } html.kmutt-returning-session body.auth-required { overflow-y: auto !important; } html.kmutt-returning-session body.auth-required .app-shell-header, html.kmutt-returning-session body.auth-required .main-container { visibility: visible !important; } /* Keep icon boxes stable while the deferred Font Awesome stylesheet/font finishes loading. */ .auth-provider-arrow, .app-shell-header .fa-solid, .app-shell-header .fa-regular, .app-shell-header .fa-brands { display: inline-block; width: 1em; min-width: 1em; text-align: center; } /* Lighthouse reported the regular face as lacking font-display. Optional avoids a late font swap. */ @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: optional; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2") format("woff2"); }