/* Isolate the supplied React intro without changing existing site components. */
#siteOpening { position: fixed; inset: var(--opening-nav-height, 64px) 0 0; z-index: 300; width: 100%; background: #fff4df; }
#siteOpening[hidden] { display: none !important; }
body.opening-active { overflow: hidden !important; }
body.opening-active .science-nav { position: fixed; inset: 0 0 auto; width: 100%; z-index: 301; }
body:not(.science-mode) > #siteOpening { display: none; }
#siteOpeningFrame { display: block; width: 100%; height: 100%; border: 0; }
#siteOpening .opening-skip {
  position: absolute; right: max(20px, env(safe-area-inset-right));
  bottom: max(22px, env(safe-area-inset-bottom)); z-index: 2;
  max-width: calc(100% - 40px); padding: 11px 18px;
  border: 1px solid rgba(143,67,56,.38); border-radius: 999px;
  color: #8f4338; background: rgba(255,252,246,.9);
  font: 15px/1.5 'PingFang SC', 'Microsoft YaHei', sans-serif; text-decoration: none;
}
#siteOpening .opening-skip:focus-visible { outline: 3px solid #8f4338; outline-offset: 4px; }
body.opening-active .ai-chat-launcher { visibility: hidden; }
@media (max-width: 600px) { #siteOpening .opening-skip { font-size: 13px; padding: 10px 15px; } }