.career-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
  font-size: 14px;
}

.career-breadcrumb a,
.career-toc a {
  color: var(--ds-color-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.career-review,
.career-note {
  color: var(--ds-color-ink-soft);
  font-size: 14px;
  line-height: 1.7;
}

.career-review { margin-top: 24px; }

.career-toc {
  display: grid;
  gap: 12px;
  margin-top: 24px;
  line-height: 1.5;
}

.career-section + .career-section { margin-top: 40px; }
.career-section h2 { scroll-margin-top: 100px; }
.career-section p { margin-top: 16px; }
.career-sources { margin: 16px 0 0; padding-left: 22px; list-style: disc; }
.career-sources li + li { margin-top: 8px; }
.career-sources a { overflow-wrap: anywhere; }
.career-note { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--ds-color-line); }

.career-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.career-link-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  color: var(--ds-color-ink);
  border: 1px solid var(--ds-color-line);
  border-radius: 12px;
  background: var(--ds-color-paper);
  text-decoration: none;
}

.career-link-card h3 { margin: 0; font-size: 20px; font-weight: 600; }
.career-link-card p { margin: 0; color: var(--ds-color-ink-soft); line-height: 1.6; }
.career-link-card span { margin-top: auto; text-decoration: underline; text-underline-offset: 3px; }
.career-link-card:hover { border-color: var(--ds-color-ink); }
.homepage-career-guides { padding: 56px 0; border-top: 1px solid var(--ds-color-line); }
.homepage-career-guides .homepage-section-heading { margin-bottom: 24px; }
.homepage-career-guides .homepage-section-heading p { margin-top: 12px; line-height: 1.6; }
.career-guide #guide-next-title + p { margin-top: 16px; }
.career-guide .public-actions .ds-btn { text-decoration: none; }
.career-guide .public-actions .ds-btn-primary { color: #fff; }
.career-guide .public-actions .ds-btn-secondary { color: var(--ds-color-ink-soft); }

@media (max-width: 600px) {
  .career-link-grid { grid-template-columns: minmax(0, 1fr); }
  .career-link-card { padding: 20px; }
}