.career-main { max-width: 1240px; color: #193730; }
.career-crumb { margin: 0 0 18px; color: #536e65; font-size: 13px; line-height: 1.6; }
.career-crumb a { color: #176a55; }
.career-hero {
  position: relative;
  display: grid;
  align-items: center;
  min-height: clamp(440px, 39vw, 520px);
  overflow: hidden;
  border: 1px solid #d7e7df;
  border-radius: 24px;
  background: #edf5ef;
}
.career-hero-photo { position: absolute; inset: 0; }
.career-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.career-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #eff7f0 8%, #eff7f0f5 36%, #eff7f0c7 47%, #eff7f000 66%); }
.career-hero-copy { position: relative; width: 58%; max-width: 650px; padding: clamp(24px, 4.5vw, 56px); }
.career-kicker { margin: 0 0 14px; color: #246553; font-size: 13px; font-weight: 650; }
.career-hero h1 { margin: 0 0 14px; color: #152d2a; font-size: clamp(24px, 3.5vw, 46px); line-height: 1.24; letter-spacing: -.035em; }
.career-hero h1 span { display: block; }
.career-section p, .career-contact p { color: #49675e; line-height: 1.75; }
.career-hero .career-lead { margin: 0; color: #13705b; font-size: clamp(16px, 1.7vw, 22px); font-weight: 650; line-height: 1.6; text-wrap: balance; }
.career-hero .info-actions a:first-child { background: #195345; color: #fff; }
.career-hero .info-actions a:first-child:hover { background: #246a59; }
.career-section { padding: clamp(32px, 5vw, 60px) 0 0; }
.career-section h2, .career-contact h2 { margin: 0 0 10px; font-size: clamp(24px, 3.3vw, 40px); line-height: 1.25; letter-spacing: -.035em; }
.career-section > p { margin: 0 0 20px; }
.career-start-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.career-start-path { padding: clamp(16px, 3vw, 28px); border: 1px solid #d8e8de; border-radius: 14px; background: #f0f7f2; }
.career-start-path:nth-child(2) { border-color: #dbe5ef; background: #f0f5fa; }
.career-start-path .career-kicker { margin: 0 0 8px; }
.career-start-path h3 { margin: 0; font-size: clamp(19px, 2.4vw, 27px); }
.career-start-path h3 + p { margin: 8px 0 16px; }
.career-start-path dl { margin: 0; }
.career-start-path dl div { padding: 11px 0; border-top: 1px solid #dbe7df; }
.career-start-path dt { margin-bottom: 3px; font-size: 14px; font-weight: 650; }
.career-start-path dd { margin: 0; color: #49675e; font-size: 14px; line-height: 1.65; }
.career-start-path dd a { display: block; width: fit-content; margin-top: 5px; color: #18634f; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.career-section > .career-start-note { margin: 12px 0 0; color: #49675e; font-size: 14px; }
.career-evidence-group { margin-top: 20px; padding: clamp(16px, 3.5vw, 36px); border: 1px solid #dae6e6; border-radius: 16px; background: #f0f5f8; }
.career-evidence-group .career-kicker { margin: 0 0 8px; color: #315f98; }
.career-evidence-group h3 { margin: 0 0 18px; color: #1b3e5c; font-size: clamp(21px, 3vw, 32px); }
.career-evidence-group h4 { margin: 0 0 6px; color: #203f52; font-size: 17px; line-height: 1.5; }
.career-evidence-group p { margin: 0; font-size: 14px; }
.career-evidence-tools, .career-case-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.career-evidence-tools article, .career-hiring article { padding: 16px; border: 1px solid #dbe5ef; border-radius: 12px; background: #fff; }
.career-tool-icon { display: block; width: 34px; height: 34px; margin-bottom: 10px; overflow: hidden; border-radius: 7px; }
.career-tool-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.career-tool-workbuddy img { width: auto; max-width: none; }
.career-evidence-tools a { display: inline-block; margin-top: 10px; color: #18634f; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.career-evidence-group .career-source { margin: 9px 0 0; color: #536c78; font-size: 12px; }
.career-case-strip { gap: 18px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #dbe5ef; }
.career-case-strip h4 { font-size: 15px; }
.career-evidence-group small { display: block; margin-top: 8px; color: #536c78; font-size: 12px; line-height: 1.55; }
.career-hiring { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 12px; }
.career-hiring .career-stat-main { padding: clamp(16px, 3vw, 28px); background: #e9f1fe; }
.career-stat-main .career-stat-label { color: #3b5879; font-size: 13px; font-weight: 600; }
.career-hiring strong { display: block; margin-bottom: 4px; color: #2254aa; font-size: 28px; line-height: 1.12; font-variant-numeric: tabular-nums; }
.career-stat-main strong { margin: 14px 0 10px; font-size: clamp(42px, 6.2vw, 84px); letter-spacing: -.055em; }
.career-stat-main h4 { font-size: clamp(17px, 2vw, 24px); }
.career-stat-other { display: grid; gap: 12px; }
.career-survey { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.career-job-example { margin-top: 16px; padding: 15px 16px; border-left: 3px solid #73a596; background: #e9f4ee; }
.career-curriculum > .career-kicker { margin: 0 0 9px; color: #246553; }
.career-course-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 26px; }
.career-course-nav a { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; min-height: 44px; padding: 8px 12px; border: 1px solid #dbe6e5; border-radius: 8px; background: #fff; color: #244b47; font-size: 13px; }
.career-course-nav a:hover { background: #ebf4f2; }
.career-course-nav span { color: #3e6495; font-variant-numeric: tabular-nums; }
.career-course-group + .career-course-group { margin-top: 28px; }
.career-course-group > h3 { margin: 0 0 12px; color: #28463e; font-size: 19px; }
.career-course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#course-foundation .career-course-grid { grid-template-columns: 1fr; }
.career-course { overflow: hidden; border: 1px solid #dbe5ef; border-radius: 14px; background: #fff; }
.career-course:target { outline: 2px solid #398576; outline-offset: 2px; }
.career-course header { display: flex; align-items: flex-start; gap: 12px; min-height: 85px; padding: 16px; border-bottom: 1px solid #dbe5ef; background: #edf3fb; }
.career-course-number { min-width: 2ch; color: #315f98; font-size: 26px; font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; }
.career-course h4 { margin: 0 0 3px; color: #1b3e5c; font-size: 16px; line-height: 1.45; }
.career-course header p, .career-course .career-course-deliverables { margin: 0; color: #496779; font-size: 13px; line-height: 1.55; }
.career-course .career-course-deliverables { margin: 10px 16px 0; color: #315f98; }
.career-course ol { margin: 0; padding: 8px 16px 10px 36px; color: #405b58; font-size: 14px; line-height: 1.5; }
.career-course li { padding: 5px 0 5px 2px; }
.career-course li + li { border-top: 1px solid #edf1f3; }
.career-course li::marker { color: #365d8a; font-size: 12px; font-weight: 600; }
#course-foundation .career-course ol { columns: 2; column-gap: 42px; }
#course-foundation .career-course li { break-inside: avoid; }
.career-steps, .career-projects { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.career-steps { margin: 0; padding: 0; list-style: none; counter-reset: step; }
.career-steps li, .career-projects article { padding: 16px; border: 1px solid #dbe8e0; border-radius: 12px; background: #fff; }
.career-steps li::before { counter-increment: step; content: counter(step, decimal-leading-zero); display: inline-block; margin-bottom: 8px; color: #26705f; font-size: 13px; font-weight: 650; }
.career-steps h3, .career-projects h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.5; }
.career-steps p, .career-projects p { margin: 0; font-size: 14px; }
.career-contact { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 40px 0 24px; padding: clamp(20px, 4vw, 40px); border-radius: 16px; background: #e6f2ec; }
.career-contact h2 { font-size: clamp(23px, 3vw, 32px); }
.career-contact p { margin: 0; }
.career-contact-qr { flex: 0 0 auto; width: 156px; margin: 0; text-align: center; }
.career-contact-qr img { display: block; width: 100%; height: auto; border-radius: 10px; background: #fff; }
.career-contact-qr figcaption { margin-top: 8px; color: #31594d; font-size: 13px; }
@media (max-width: 820px) {
  .career-steps, .career-projects, .career-course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .career-hero { min-height: auto; }
  .career-hero-photo { position: relative; height: clamp(175px, 43vw, 270px); }
  .career-hero-photo::after { content: none; }
  .career-hero-copy { width: 100%; max-width: none; }
}
@media (max-width: 620px) {
  .career-course-grid, .career-start-paths { grid-template-columns: 1fr; }
  #course-foundation .career-course ol { columns: 1; }
  .career-evidence-tools, .career-case-strip, .career-hiring { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .career-main { padding-inline: 16px; }
  .career-contact { align-items: flex-start; flex-direction: column; }
  .career-contact-qr { align-self: center; }
}
@media (max-width: 350px) {
  .career-hero h1 { font-size: 21px; }
  .career-steps, .career-projects { grid-template-columns: 1fr; }
}