/* Hide the raw template, then show rendered content without an entrance delay. */
body > x-dc { display: none !important; }
.el-skip-link:focus { transform: translateY(0) !important; }
html[data-el-boot-state="pending"] #dc-root { visibility: hidden !important; }

/* Defensive styles also cover sections added during route/filter updates. */
html .sc-host .el-reveal,
html .sc-host main.el-page-enter,
html .sc-host header.el-header-enter {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  will-change: auto !important;
}
html .sc-host .el-parallax-layer {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  will-change: auto !important;
}

#el-boot-fallback {
  min-height: 100dvh;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 16px;
  padding: clamp(28px, 7vw, 80px);
  background: #ffffff;
  color: #23333d;
}

#el-boot-fallback h1 {
  margin: 0;
  color: #8e242e;
  font: 700 clamp(34px, 7vw, 64px)/1 "Bebas Neue", sans-serif;
  text-transform: uppercase;
}

#el-boot-fallback p {
  margin: 0;
  max-width: 42rem;
  font: 400 18px/1.55 "Nunito EasyLine", system-ui, sans-serif;
}

#el-boot-fallback button {
  min-height: 44px;
  padding: 12px 20px;
  border: 1px solid #8e242e;
  background: #8e242e;
  color: #ffffff;
  font: 700 16px/1 "Nunito EasyLine", system-ui, sans-serif;
  cursor: pointer;
}