/* Keep the question and Staffs Prep answer in one card. */
.app-story-stage-grid article { min-height: 0; padding: 28px; }
.app-story-stage-grid article > i { width: 52px; height: 52px; margin-top: 20px; font-size: 22px; }
.app-story-stage-grid article > h3 { margin: 22px 0 24px; font-size: clamp(30px, 2.6vw, 39px); }
.app-story-stage-answer { margin-top: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: #272727; }
.app-story-stage-answer > span { display: block; color: #027f48; font-size: 12px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.app-story-stage-answer > strong { display: block; margin-top: 8px; font-family: "adapt-variable", "Adapt Compact", Impact, sans-serif; font-size: clamp(23px, 2.25vw, 32px); font-variation-settings: "wdth" 58, "wght" 800; line-height: 1.08; text-transform: uppercase; }
.app-story-stage-grid .app-story-stage-answer > p { margin: 12px 0 0; font-size: 16px; line-height: 1.48; }
.app-story-stage-answer > a { display: inline-block; margin-top: 18px; color: #124f38; font-size: 13px; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.app-story-stage-answer > a:hover, .app-story-stage-answer > a:focus-visible { color: #005b3c; }
.app-story-stage-path:nth-child(3) .app-story-stage-answer > span,
.app-story-stage-path:nth-child(3) .app-story-stage-answer > a { color: #083d29; }
.app-story-system-guarantee a { color: inherit; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.app-story-coordination-solution .app-story-system-guarantee { margin-top: 16px; color: #bbffca; font-size: 14px; font-weight: 700; }
/* Product names lead each roadmap step; the action remains a strong subheading. */
.app-story-roadmap .app-story-feature-copy h3 { margin-bottom: 12px; }
.app-story-roadmap .app-story-feature-action {
  margin: 0 0 22px;
  color: #027f48;
  font-family: inherit;
  font-size: clamp(23px, 2vw, 30px);
  font-weight: 800;
  line-height: 1.2;
}
@media (max-width: 760px) {
  .app-story-stage-grid article { padding: 24px; }
  .app-story-stage-grid article > h3 { margin: 18px 0 22px; }
}

/* Full-length practice tests are part of the same Practice Software step. */
.app-story-software-feature { row-gap: 40px; }
.app-story-test-gallery { grid-column: 1 / -1; order: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.app-story-test-gallery figure { margin: 0; min-width: 0; }
.app-story-test-gallery a { display: block; border: 2px solid #29322f; border-radius: 16px; overflow: hidden; background: #fff; }
.app-story-test-gallery a:focus-visible { outline: 3px solid #008647; outline-offset: 5px; }
.app-story-test-gallery img { display: block; width: 100%; height: auto; }
.app-story-test-gallery figcaption { padding: 18px 0 0; font-size: 16px; line-height: 1.5; }
.app-story-test-gallery figcaption strong { display: block; color: #027f48; font-size: 20px; }
.app-story-test-gallery figcaption span { display: block; margin-top: 4px; }
.app-story-test-gallery .app-story-test-preview-note { grid-column: 1 / -1; margin: -8px 0 0; font-size: 13px; line-height: 1.5; color: #5e6c65; }
@media (max-width: 760px) {
  .app-story-test-gallery { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}