/* Scoped to the two career-story cards and their shared registration action. */
.career-story-teaser {
  --story-blue: #285f91;
  --story-border: #d2e0ed;
  margin: 2rem 0;
  color: #263b50;
}

.career-story-teaser .career-story-teaser__eyebrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0 0 .6rem;
  font-size: .8rem;
  font-weight: 700;
  color: var(--story-blue);
}

.career-story-teaser__pr {
  padding: .05rem .4rem;
  border: 1px solid #bccbd9;
  border-radius: 4px;
  font-size: .65rem;
  line-height: 1.6;
}

.career-story-teaser .career-story-teaser__intro h3 {
  margin: 0 0 1.25rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: clamp(1.2rem, 3.4vw, 1.5rem);
  line-height: 1.65;
}

.career-story-teaser__cards { display: grid; gap: 1rem; }

.career-story-card {
  min-width: 0;
  padding: 1.4rem 1.5rem;
  border: 1px solid var(--story-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 18px #263b5006;
}

.career-story-teaser .career-story-card__label {
  display: flex;
  gap: .7rem;
  flex-wrap: wrap;
  margin: 0 0 .45rem;
  font-size: .72rem;
  font-weight: 700;
  color: var(--story-blue);
}

.career-story-card__label span { color: #435d76; font-size: .84rem; }
.career-story-teaser .career-story-card__profile { margin: 0 0 .9rem; color: #647487; font-size: .75rem; }
.career-story-card__route { display: grid; grid-template-columns: 1fr 34px 1fr; gap: .7rem; align-items: center; margin: 1rem 0; }
.career-story-card__route > div { min-width: 0; }
.career-story-card__phase { display: block; margin-bottom: .2rem; color: #687c8e; font-size: .7rem; }
.career-story-card__route strong { display: block; font-size: clamp(1.2rem, 3.8vw, 1.6rem); line-height: 1.5; overflow-wrap: anywhere; }
.career-story-card__role { display: block; margin-top: .2rem; font-size: .8rem; line-height: 1.6; }
.career-story-card__arrow { color: #6587a7; font-size: 1.5rem; text-align: center; }

.career-story-teaser .career-story-card__quote {
  margin: 1.1rem 0;
  padding: 1rem 1.1rem;
  border: 0;
  border-radius: 8px;
  background: #fff8da;
  color: #3e3b2c;
  font-size: .98rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.85;
}

.career-story-card__quote::before, .career-story-card__quote::after { content: none; }
.career-story-teaser .career-story-card__body { margin: .85rem 0 0; font-size: .92rem; line-height: 1.95; }
.career-story-teaser .career-story-card__source { margin: 1rem 0 0; padding-top: .8rem; border-top: 1px solid #e7edf2; color: #657585; font-size: .7rem; line-height: 1.8; }
.career-story-teaser .career-story-card__salary { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .4rem 1rem; margin: 1.1rem 0; padding: .7rem 1rem; border-radius: 8px; background: #eef5fc; }
.career-story-card__salary > span { font-size: .72rem; color: #456b8e; }
.career-story-card__salary > strong { font-size: 1.85rem; color: #245d8e; line-height: 1.4; font-variant-numeric: tabular-nums; }
.career-story-card__salary > strong > span { margin-left: .2rem; font-size: .9rem; }
.career-story-teaser .career-story-teaser__bridge { margin: 1.4rem 0; font-size: .96rem; line-height: 1.95; }

.career-story-teaser .onecareer-inline-card { margin: 0; padding: 1.4rem 1.5rem; background: #f0f6fc; border: 1px solid var(--story-border); border-radius: 14px; box-shadow: none; }
.career-story-teaser .onecareer-inline-card .affiliate-title { font-size: 1.08rem; line-height: 1.7; }
.career-story-teaser .onecareer-inline-card .affiliate-desc { font-size: .9rem; }
.career-story-teaser .onecareer-inline-card .affiliate-btn { width: min(100%, 440px); }
.career-story-teaser .onecareer-inline-card .onecareer-inline-card__note { font-size: .72rem; }

@media (max-width: 480px) {
  .career-story-card, .career-story-teaser .onecareer-inline-card { padding: 1.1rem 1rem; }
  .career-story-card__route { grid-template-columns: 1fr 23px 1fr; gap: .45rem; }
  .career-story-card__role { font-size: .73rem; }
  .career-story-teaser .career-story-card__quote { padding: .85rem; font-size: .92rem; }
  .career-story-teaser .career-story-card__salary { padding: .65rem .8rem; }
}