.career-explorer{background:#f7f8fc;color:#172a43}
.career-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.career-intro h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.3;letter-spacing:-.035em;margin:16px 0 0}
.career-intro>p{max-width:390px;color:#607084;line-height:1.9;margin:0}
.career-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.career-explore-card{--career-color:#4177c4;--career-bg:#e9f1fc;background:#fff;border:1px solid #dce4ee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(7,20,42,.07),0 8px 28px #22385205;transition:box-shadow .2s,border-color .2s}
.career-scene-data{--career-color:#8a60c1;--career-bg:#f0eafa}.career-scene-code{--career-color:#218474;--career-bg:#e5f4ee}.career-scene-database{--career-color:#3971a9;--career-bg:#e8f2f8}.career-scene-project{--career-color:#ad5d6e;--career-bg:#fbecef}.career-scene-business{--career-color:#9e692f;--career-bg:#fcf2e3}.career-scene-support{--career-color:#5c729f;--career-bg:#edf0f8}
.career-explore-card:hover,.career-explore-card[open]{border-color:var(--career-color);box-shadow:0 1px 2px rgba(7,20,42,.07),0 16px 38px #22385214}
.career-explore-card summary{display:block;cursor:pointer;list-style:none}.career-explore-card summary::-webkit-details-marker{display:none}
.career-explore-card summary:focus-visible{outline:3px solid var(--career-color);outline-offset:-5px;border-radius:14px}
.career-art{position:relative;background:var(--career-bg);color:var(--career-color);padding-top:22px;overflow:hidden}
.career-art svg{display:block;width:100%;height:auto}.career-number{position:absolute;top:18px;left:22px;font:700 11px Manrope,sans-serif;letter-spacing:.15em}
.career-card-heading{padding:24px}.career-card-heading>small{display:block;font:600 11px/1.6 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--career-color)}
.career-card-heading h3{font-size:1.2rem;line-height:1.55;margin:10px 0 24px;min-height:3.1em}
.career-open-label{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--career-color)}
.career-open-label b{display:grid;place-items:center;background:var(--career-bg);border-radius:50%;width:32px;height:32px;font:400 24px/1 sans-serif;transition:transform .2s}.career-explore-card[open] .career-open-label b{transform:rotate(45deg)}
.career-card-details{border-top:1px solid #e8edf3;padding:24px}.career-card-details h4{font-size:.85rem;margin:0 0 8px}.career-card-details p{font-size:.9rem;line-height:1.85;color:#526276;margin:0 0 22px}.career-project{background:var(--career-bg);padding:18px;border-radius:8px}.career-project p{margin:0}
.career-footnote{font-size:.8rem;color:#5c6b7f;line-height:1.8;margin:28px 0 0}
.career-character,.career-spark,.career-chart{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){.career-explore-card:hover .career-character,.career-explore-card:focus-within .career-character{animation:career-wave 1.8s ease-in-out 2}.career-explore-card:hover .career-spark{animation:career-glow 1.8s ease-in-out 2}.career-explore-card:hover .career-chart{animation:career-wave 1.8s ease-in-out 2}}
@keyframes career-wave{50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes career-glow{50%{transform:scale(1.2);opacity:.55}}
@media(max-width:1000px){.career-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-intro{align-items:flex-start;flex-direction:column;gap:20px}.career-intro>p{max-width:650px}}
@media(max-width:600px){.career-explorer-grid{grid-template-columns:minmax(0,1fr);gap:20px}.career-card-heading h3{min-height:0}.career-intro h2{font-size:2rem}}
.career-path-link{padding:0 24px 24px;font-weight:600;font-size:14px}