.vector-arrow {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}

.vector-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Keep industry and location visible throughout the responsive career journey. */
.journey p {
  display: block;
}

/* Release 2B: mobile Selected Impact usability */
@media (max-width: 600px) {
  .impact-card .tag-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-column: 2;
    gap: 8px;
    margin-top: 4px;
  }

  .impact-card .tag-list span {
    width: auto;
    padding: 7px 10px;
    font-size: 10px;
    line-height: 1.25;
  }

  .impact-card-link::after {
    content: "View impact ↗︎";
    grid-column: 2;
    width: fit-content;
    margin-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--gold);
    color: var(--forest);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
  }

  .impact-card-link:active {
    background: rgba(185, 149, 87, 0.08);
  }
}