/* The intro is a transient layer. Content remains ordinary, crawlable HTML. */
html.st-intro-active { overflow: hidden; scrollbar-gutter: auto; }
.st-intro { position: fixed; inset: 0; width: 100vw; z-index: 10000; isolation: isolate; contain: layout paint; }
.st-intro[hidden] { display: none !important; }
.st-intro-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.st-intro-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.st-intro-skip {
  position: absolute;
  top: max(22px, env(safe-area-inset-top));
  right: max(28px, env(safe-area-inset-right));
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  min-height: 46px;
  padding: 11px 19px;
  border: 1px solid #e5edd97a;
  border-radius: 0;
  background: #102218eb;
  color: #f4f5e9;
  font: 500 12px/1.4 Manrope, Arial, sans-serif;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.st-intro-skip:hover { background: #233e2d; border-color: #f4f5e9; }
.st-intro-skip:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.st-intro-skip span { font-size: 16px; }
.st-intro-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ebefdb25; pointer-events: none; }
.st-intro-progress span { display: block; width: 100%; height: 100%; background: #d7e6ad; transform: scaleX(0); transform-origin: left; }
@media (max-width: 600px) {
  .st-intro-skip { top: max(17px, env(safe-area-inset-top)); right: max(18px, env(safe-area-inset-right)); padding-inline: 15px; gap: 17px; }
}
@media print { .st-intro { display: none !important; } }