.career-shapes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:980px}.career-shape{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 12px 18px;min-width:0;border:1px solid #dae4ec;border-radius:13px;background:#fff;transition:box-shadow .18s,border-color .18s}.career-shape:hover{border-color:#3296d3;box-shadow:0 5px 18px #1c609617}.career-shape>span:last-child{font-size:14px;font-weight:600;overflow-wrap:anywhere}.test-crop{display:block;position:relative;overflow:hidden;background:white;flex-shrink:0}.test-crop img{display:block;position:absolute;max-width:none}.career-shape .test-crop{width:105px;max-width:100%}.career-shape:last-child .test-crop{width:94px}.career-note{max-width:760px;font-size:12px;color:#758493;line-height:1.7;margin:22px 0}.career-result-tools{display:flex;align-items:center;gap:18px;margin-bottom:14px;flex-wrap:wrap;font-size:13px}.career-result-tools button{background:white;border:1px solid #b9d6e9;border-radius:8px;padding:11px 16px;color:#1678b4}.career-result-tools a{color:#1678b4;text-decoration:underline}.career-result-scroll{overflow:auto;max-height:80vh;background:#eaf0f4;padding:14px;border-radius:12px;max-width:850px;touch-action:pan-x pan-y pinch-zoom}#career-document{width:100%;max-width:760px;margin:auto;box-shadow:0 3px 14px #23435220}#career-document .test-crop{width:100%}#career-document.is-zoomed{width:1100px;max-width:none;margin:0}.career-result-scroll:focus-visible{outline:3px solid #3296d3;outline-offset:3px}@media(max-width:1000px){.career-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.career-shapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.career-shape{padding:20px 12px 15px;gap:12px}.career-shape:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.career-shape .test-crop{width:94px}.career-shape:last-child .test-crop{width:83px}.career-result-scroll{padding:5px}#career-document.is-zoomed{width:850px}.career-note{font-size:11px}}
.career-shape{background:linear-gradient(145deg,#fff,#e5f4ff);border:1px solid #bcdcf1;border-radius:22px;box-shadow:inset 0 1px #fff,0 8px 22px #39769f0d;transition:transform .2s,box-shadow .2s}.career-shape:hover{transform:translateY(-4px);box-shadow:0 12px 25px #3773a222}.career-shape-art{width:140px;max-width:100%;height:auto}.career-typed{max-width:800px;padding:clamp(22px,5vw,48px);background:linear-gradient(145deg,#fff,#f8fcff);border:1px solid #cbe3f3;border-radius:20px;box-shadow:0 10px 30px #1a4b7110;color:#111;font:20px/1.85 Georgia,'Times New Roman',serif;min-height:260px}.typing-copy{white-space:pre-wrap;overflow-wrap:anywhere}.is-typing:after{content:'▍';color:#3c9bd7;animation:caret-blink 1s steps(2) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.career-result-tools button:disabled{opacity:.5}@keyframes caret-blink{50%{opacity:0}}@media(max-width:600px){.career-typed{font-size:18px}.career-shape-art{width:115px}}@media(prefers-reduced-motion:reduce){.career-shape{transition:none}.is-typing:after{animation:none}}