/* Visible only when the early script has installed a bounded readiness gate. */
.page-loader { display: none; }
html[data-page-loading] body > :not(.page-loader) {
  visibility: hidden;
  animation: sf-page-content-fallback 0s 6s forwards !important;
}
html[data-page-loading] .page-loader {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 20px;
  padding: 28px;
  background: #fff;
  color: #213969;
  font-family: "Instrument Sans", sans-serif;
  text-align: center;
  animation: sf-page-loader-fallback 0s 6s forwards !important;
}
.page-loader-brand { display: block; width: min(236px, 80vw); height: auto; }
.page-loader-label { margin: 0; font-size: 1rem; line-height: 1.5; }
.page-loader-track { position: relative; width: 148px; height: 3px; overflow: hidden; background: #e4ebf4; }
.page-loader-track::after { content: ""; position: absolute; inset: 0; width: 55%; background: #213969; animation: sf-page-ready 1400ms cubic-bezier(.4, 0, .2, 1) infinite; }
.page-loader-skip { min-height: 44px; padding: 8px 16px; border: 0; background: transparent; color: #213969; font: inherit; font-size: .875rem; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.page-loader-skip:hover { color: #13264a; }
.page-loader-skip:focus-visible { outline: 3px solid #213969; outline-offset: 3px; border-radius: 4px; }
html[data-page-loader-paused] .page-loader-track::after { animation-play-state: paused; }
@keyframes sf-page-ready { from { transform: translateX(-110%); } to { transform: translateX(190%); } }
@keyframes sf-page-content-fallback { to { visibility: visible; } }
@keyframes sf-page-loader-fallback { to { visibility: hidden; pointer-events: none; } }
@media (prefers-reduced-motion: reduce) { .page-loader-track::after { animation: none; transform: translateX(40%); } }
@media print { .page-loader { display: none !important; } html[data-page-loading] body > :not(.page-loader) { visibility: visible; animation: none; } }