/* v87 targeted refinements: keep these overrides isolated from the existing theme. */
.reenter-path-overview {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch;
}

.reenter-entry-actions {
  margin-top: auto !important;
  padding-top: 22px;
}

.method-transition .section-heading {
  width: min(1120px, calc(100% - 220px)) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

#learning-path .path-accordion > details > summary::after {
  margin-right: clamp(120px, 16vw, 320px);
}

@media (min-width: 1101px) {
  .armory-page .armory-hero {
    min-height: clamp(962px, calc(112svh + 32px), 1212px) !important;
    padding-top: 102px !important;
  }

  .armory-hosting-hero,
  .armory-hosting-copy,
  .armory-community-panel {
    min-height: 582px !important;
  }
}

.armory-community-panel .contact-wechat-line {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.armory-community-panel .wechat-copy-btn {
  margin-left: auto !important;
}

#ai-apps .ai-app-showcase-shell .ai-app-home > .ai-app-card-main .ai-app-copy .ai-app-open {
  align-self: flex-start !important;
  justify-self: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Keep the featured application's primary action anchored to the left edge. */
#ai-apps .ai-app-showcase-shell .ai-app-home > .ai-app-card-main .ai-app-copy {
  align-items: flex-start !important;
  text-align: left !important;
}

#ai-apps .ai-app-showcase-shell .ai-app-home > .ai-app-card-main .ai-app-copy .ai-app-open {
  width: fit-content !important;
  margin-inline: 0 auto !important;
  transform: none !important;
}

/* Move only the armory hero content; keep the gold section rail in place. */
@media (min-width: 1101px) {
  .armory-page .armory-hero .armory-platform-header {
    margin-top: 200px !important;
  }
}

.shared-app-nav {
  position: fixed !important;
  top: auto !important;
  right: auto !important;
  left: 18px !important;
  bottom: 18px !important;
  z-index: 80 !important;
}

.reenter-overview-layout {
  align-items: stretch !important;
}

.reenter-entry-actions {
  width: 100%;
  align-self: stretch;
}

.method-transition {
  min-height: 66svh !important;
  display: grid !important;
  align-items: center !important;
}

.subpage-return-wrap {
  background: var(--subpage-return-bg, inherit) !important;
}

/* Keep the armory return strip continuous with the creator library. */
.armory-page .subpage-return-wrap,
.armory-page .subpage-return-wrap.is-dark {
  background: var(--armory-dark, #100c08) !important;
}

@media (min-width: 1101px) {
  .method-transition .section-heading {
    width: min(860px, calc(100% - 300px)) !important;
    margin-left: clamp(160px, 14vw, 260px) !important;
    margin-right: auto !important;
  }

  .method-detail.section-screen {
    min-height: 80svh !important;
    padding-top: clamp(68px, 7vh, 92px) !important;
    padding-bottom: clamp(56px, 6vh, 78px) !important;
  }
}

.work-copy-link {
  margin-top: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(180, 147, 79, 0.55);
  background: transparent;
  color: #8f6f2e;
  font: inherit;
  cursor: pointer;
}

.work-copy-link:hover,
.work-copy-link:focus-visible {
  border-color: #4d6156;
  background: #4d6156;
  color: #f9f5ea;
}

@media (max-width: 1100px) {
  .reenter-path-overview {
    display: block !important;
  }

  .reenter-entry-actions {
    margin-top: 22px !important;
    padding-top: 0;
  }

  .method-transition .section-heading {
    width: auto !important;
    margin-inline: clamp(68px, 10vw, 112px) 24px !important;
  }

  #learning-path .path-accordion > details > summary::after {
    margin-right: clamp(24px, 6vw, 72px);
  }
}

@media (max-width: 700px) {
  .method-transition .section-heading {
    margin-inline: 62px 18px !important;
  }

  .armory-community-panel .contact-wechat-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
  }

  .armory-community-panel .contact-wechat-line > span {
    white-space: normal;
  }

  .armory-community-panel .contact-wechat-id {
    white-space: nowrap;
  }

  .armory-community-panel .wechat-copy-btn {
    width: 100%;
    margin-left: 0 !important;
  }

  #learning-path .path-accordion > details > summary::after {
    margin-right: 0;
  }

  .shared-app-nav {
    left: 12px !important;
    bottom: 12px !important;
  }
}
