/* V4 stability and legibility corrections. Loaded after the V4 presentation layer. */

/* Keep the stage movement, but avoid large-area blur compositing over WebGL. */
.focus-panel,
.featured-evidence {
  filter: none !important;
  will-change: transform, opacity;
}

.focus-controls,
.focus-copy,
.featured-heading,
.evidence-card,
.focus-secondary-link {
  will-change: transform, opacity;
}

/* Desktop: anchor the evidence rail to the focused CTA instead of the viewport bottom. */
.featured-evidence {
  left: var(--evidence-left, 318px) !important;
  top: var(--evidence-top, 360px) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--evidence-width, 800px) !important;
  max-width: calc(100vw - var(--evidence-left, 318px) - 48px);
  contain: layout paint style;
  isolation: isolate;
  transition:
    opacity .38s ease,
    transform .62s cubic-bezier(.16, 1, .3, 1) !important;
}

.evidence-card {
  contain: layout paint style;
}

@keyframes focusControlsStageIn {
  from {
    opacity: 0;
    transform: translate3d(-72px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.featured-heading,
.evidence-card,
.focus-secondary-link {
  opacity: 0;
}

body.is-focused.is-featured-visible .featured-heading {
  animation: evidenceHeadingIn .42s cubic-bezier(.16, 1, .3, 1) both;
}

body.is-focused.is-featured-visible .evidence-card {
  animation: evidenceCardIn .52s calc(.12s + var(--card-index, 0) * .11s) cubic-bezier(.16, 1, .3, 1) both;
}

body.is-focused.is-featured-visible .focus-secondary-link {
  animation: evidenceSecondaryCtaIn .38s .39s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes evidenceHeadingIn {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes evidenceCardIn {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes evidenceSecondaryCtaIn {
  from {
    opacity: 0;
    transform: translate3d(-12px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Footer information is primary readable content, not microcopy. */
.global-info,
.global-name strong,
.global-name span,
.global-info-item,
.global-info a {
  font-size: 16px;
  line-height: 1.5;
}

.global-info {
  gap: 16px 28px;
  color: rgba(255, 255, 255, .46);
  letter-spacing: .02em;
}

.global-name {
  gap: 12px;
}

.status {
  bottom: 58px;
}

@media (max-width: 900px) {
  .featured-evidence {
    left: 24px !important;
    right: 24px !important;
    top: auto !important;
    bottom: 74px !important;
    width: auto !important;
    max-width: none;
  }

  .global-info {
    font-size: 16px;
    padding-bottom: 4px;
  }
}

@media (max-width: 760px) {
  .featured-evidence {
    bottom: 58px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-focused.is-featured-visible .featured-heading,
  body.is-focused.is-featured-visible .evidence-card,
  body.is-focused.is-featured-visible .focus-secondary-link {
    animation-duration: .01ms !important;
    animation-delay: 0ms !important;
  }
}