/* Buyer-journey preview overrides. The existing theme stylesheet is untouched. */
.strata-pro-detail.journey-v1 .journey-jump-links {
  width: min(100%, var(--page-max));
  margin: 0 auto;
  padding: 22px var(--section-gutter);
  display: flex;
  align-items: center;
  gap: 12px;
  background: #dfe3dd;
  border-inline: 1px solid #c8cdc7;
}
.strata-pro-detail.journey-v1 .journey-jump-links > span {
  margin-right: auto;
  color: #59625d;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.strata-pro-detail.journey-v1 .journey-jump-links a {
  padding: 10px 15px;
  border: 1px solid #b9c0ba;
  color: #141918;
  font-size: .85rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s, background .2s, border-color .2s;
}
.strata-pro-detail.journey-v1 .journey-jump-links a:hover,
.strata-pro-detail.journey-v1 .journey-jump-links a:focus-visible {
  background: #151a19;
  border-color: #151a19;
  color: #fff;
}
.strata-pro-detail.journey-v1 .journey-jump-links i {
  margin-left: 8px;
  color: #ef633f;
  font-style: normal;
}
.strata-pro-detail.journey-v1 .journey-guide {
  width: min(100%, var(--page-max));
  margin: 0 auto;
  background: #e5e8e2;
}
.strata-pro-detail.journey-v1 .journey-guide-heading {
  padding: 78px var(--section-gutter) 70px;
  background: #151a19;
  color: #fff;
}
.strata-pro-detail.journey-v1 .journey-guide-heading > span {
  display: block;
  color: #ed6847;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .17em;
}
.strata-pro-detail.journey-v1 .journey-guide-heading h2 {
  max-width: 900px;
  margin: 18px 0 0;
  font-size: clamp(2.7rem, 4.5vw, 5.2rem);
  line-height: 1.08;
  letter-spacing: -.055em;
}
.strata-pro-detail.journey-v1 .journey-guide-heading p {
  max-width: 620px;
  margin: 20px 0 0;
  color: #bdc5c0;
  font-size: 1rem;
  line-height: 1.65;
}
.strata-pro-detail.journey-v1 .journey-detail-content > section {
  width: 100%;
  border-inline: 0;
}
@media (min-width: 781px) {
  .strata-pro-detail.journey-v1 .journey-detail-group > summary { display: none; }
}
@media (max-width: 780px) {
  .strata-pro-detail.journey-v1 .problem-section { padding-block: 42px 35px; }
  .strata-pro-detail.journey-v1 .problem-heading h2 { font-size: clamp(2.55rem, 10.8vw, 3.4rem); }
  .strata-pro-detail.journey-v1 .problem-grid { margin-top: 31px; }
  .strata-pro-detail.journey-v1 .problem-card,
  .strata-pro-detail.journey-v1 .problem-card + .problem-card { padding: 14px 0 17px; }
  .strata-pro-detail.journey-v1 .problem-card h3 { margin: 24px 0 8px; font-size: 1.36rem; }
  .strata-pro-detail.journey-v1 .problem-card p { font-size: .86rem; line-height: 1.55; }
  .strata-pro-detail.journey-v1 .problem-conclusion { margin-top: 25px; padding-top: 18px; }
  .strata-pro-detail.journey-v1 .problem-conclusion p { font-size: 1.17rem; line-height: 1.45; }
  .strata-pro-detail.journey-v1 .journey-jump-links {
    padding: 13px 16px 16px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    border: 0;
  }
  .strata-pro-detail.journey-v1 .journey-jump-links > span {
    grid-column: 1 / -1;
    margin-bottom: 3px;
    font-size: .66rem;
  }
  .strata-pro-detail.journey-v1 .journey-jump-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 7px 4px;
    font-size: .75rem;
    white-space: nowrap;
  }
  .strata-pro-detail.journey-v1 .journey-jump-links i { margin-left: 3px; }
  .strata-pro-detail.journey-v1 .scenario-section { padding-block: 58px 52px; }
  .strata-pro-detail.journey-v1 .scenario-heading h2 { font-size: clamp(2.8rem, 11vw, 3.7rem); }
  .strata-pro-detail.journey-v1 .scenario-heading > p { margin-top: 22px; padding-top: 16px; font-size: .9rem; }
  .strata-pro-detail.journey-v1 .scenario-workspace { margin-top: 30px; }
  .strata-pro-detail.journey-v1 .scenario-stage { height: clamp(300px, 88vw, 480px); }
  .strata-pro-detail.journey-v1 .scenario-option { padding: 16px 54px 16px 18px; }
  .strata-pro-detail.journey-v1 .scenario-option-title { font-size: 1.3rem; }
  .strata-pro-detail.journey-v1 .scenario-option-copy { display: none; margin-top: 7px; font-size: .82rem; line-height: 1.5; }
  .strata-pro-detail.journey-v1 .scenario-option.is-active .scenario-option-copy { display: block; }
  .strata-pro-detail.journey-v1 .film-section { padding-block: 52px 56px; }
  .strata-pro-detail.journey-v1 .capability-section { padding-block: 59px 58px; }
  .strata-pro-detail.journey-v1 .capability-heading > p { margin-top: 22px; }
  .strata-pro-detail.journey-v1 .capability-grid { margin-top: 30px; }
  .strata-pro-detail.journey-v1 .journey-guide-heading { padding: 58px 16px 40px; }
  .strata-pro-detail.journey-v1 .journey-guide-heading h2 { font-size: clamp(2.4rem, 9.5vw, 3.3rem); }
  .strata-pro-detail.journey-v1 .journey-guide-heading p { font-size: .88rem; }
  .strata-pro-detail.journey-v1 .journey-detail-group {
    border-bottom: 1px solid #c8cdc7;
    background: #f0f1ed;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary {
    display: grid;
    grid-template-columns: 34px 1fr 28px;
    align-items: center;
    column-gap: 11px;
    min-height: 92px;
    padding: 18px 16px;
    cursor: pointer;
    list-style: none;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary::-webkit-details-marker { display: none; }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary:focus-visible { outline: 2px solid #e75d39; outline-offset: -2px; }
  .strata-pro-detail.journey-v1 .journey-detail-index {
    grid-row: 1 / 3;
    align-self: start;
    color: #ed633d;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .08em;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary strong {
    grid-column: 2;
    font-size: 1.17rem;
    line-height: 1.25;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary small {
    grid-column: 2;
    color: #747d78;
    font-size: .74rem;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary i {
    grid-column: 3;
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid #b9c0ba;
    border-radius: 50%;
    color: #e55f3b;
    font-size: 1.3rem;
    font-style: normal;
    transition: transform .25s, background .25s;
  }
  .strata-pro-detail.journey-v1 .journey-detail-group > summary i::before { content: "+"; }
  .strata-pro-detail.journey-v1 .journey-detail-group[open] > summary i { transform: rotate(45deg); background: #fff; }
  .strata-pro-detail.journey-v1 .journey-detail-content > section { padding-inline: 16px; }
}