/* Visual additions isolated from the shared jobs hub stylesheet. */
.career-visual .career-hero-grid { grid-template-columns: 1.1fr 1fr; gap: clamp(28px,4vw,56px); }
.career-visual .career-photo { margin: 28px 0 0; }
.career-visual .career-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--lotus-radius-lg); }
.career-visual .career-photo figcaption { margin-top: 12px; color: var(--lotus-text-muted); font-size: 13px; line-height: 1.5; }
.career-visual .career-hero-photo { margin: 0; position: relative; }
.career-visual .career-hero-photo img { aspect-ratio: 1.12; object-position: 46% center; }
.career-visual .career-hero-photo figcaption { position: absolute; left: 18px; right: 18px; bottom: 18px; padding: 14px 18px; border-radius: var(--lotus-radius-sm); background: var(--lotus-surface); color: var(--lotus-teal-deep); font-weight: 700; }
.career-visual .career-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 14px; color: var(--lotus-teal-dark); background: var(--lotus-teal-subtle); }
.career-visual .career-icon svg { display: block; width: 26px; height: 26px; }
.career-visual .career-facts { padding: 28px 0 0; margin-top: 36px; border-left: 0; border-top: 1px solid var(--lotus-border); }
.career-visual .career-facts ul { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 18px; }
.career-visual .career-facts li { display: flex; align-items: flex-start; gap: 14px; }
.career-visual .career-facts li .career-icon { background: var(--lotus-surface); }
.career-visual .career-facts strong { font-size: 21px; }
.career-visual .career-benefit-grid .career-icon { width: 64px; height: 64px; background: #ffffff12; color: #ade0d9; border: 1px solid #ffffff30; margin-bottom: 24px; border-radius: 18px; }
.career-visual .career-benefit-grid .career-icon svg { width: 34px; height: 34px; }
.career-visual .career-pay-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding-top: 12px; }
.career-visual .career-pay-steps div { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 26px 12px 18px; border: 0; border-top: 3px solid var(--lotus-teal); background: var(--lotus-surface); border-radius: 0 0 12px 12px; font-size: 14px; }
.career-visual .career-pay-steps div::before { content: ''; position: absolute; top: -8px; left: 12px; width: 13px; height: 13px; border-radius: 50%; background: var(--lotus-teal); border: 3px solid var(--lotus-sand); }
.career-visual .career-pay-steps dt { font-weight: 700; }
.career-visual .career-planning-photo img { aspect-ratio: 16 / 9; }
@media (max-width: 1000px) and (min-width: 761px) {
 .career-visual .career-facts li { flex-direction: column; }
}
@media (max-width: 760px) {
 .career-visual .career-hero-grid { grid-template-columns: minmax(0,1fr); }
 .career-visual .career-hero-photo img { aspect-ratio: 3 / 2; }
 .career-visual .career-hero-photo figcaption { left: 12px; right: 12px; bottom: 12px; padding: 12px; }
 .career-visual .career-facts ul { grid-template-columns: minmax(0,1fr); gap: 20px; }
 .career-visual .career-facts { margin-top: 28px; }
 .career-visual .career-rows li { gap: 14px; }
 .career-visual .career-rows .career-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
 .career-visual .career-pay-steps { gap: 6px; }
 .career-visual .career-pay-steps div { padding: 22px 8px 14px; font-size: 12px; }
}