/* 하이센스 진로 탐색 카드. 기존 --ink / --muted / --violet / --line을 사용한다. */
.hs-careers{margin-top:44px;padding-top:32px;border-top:1px solid var(--line,#d8e1ec);color:var(--ink,#202b3b)}
.hs-careers-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.hs-careers-kicker{margin:0 0 10px;color:var(--violet,#6c3be8);font-size:12px;font-weight:750;letter-spacing:.04em}
.hs-careers h2{margin:0;font-size:clamp(23px,2.6vw,31px);line-height:1.35;letter-spacing:-1px;word-break:keep-all}
.hs-careers-tag{flex-shrink:0;margin-top:4px;padding:8px 11px;border:1px solid #e3dafa;border-radius:30px;color:#5e4098;background:#f2edfe;font-size:11px;font-weight:700}
.hs-careers-intro{max-width:760px;margin:15px 0 25px;color:var(--muted,#617083);font-size:14px;line-height:1.8;word-break:keep-all}
.hs-career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.hs-career-card{display:flex;flex-direction:column;min-width:0;padding:24px 22px 19px;border:1px solid #e2dcef;border-top:3px solid var(--violet,#6c3be8);border-radius:14px;background:#fff;box-shadow:0 4px 14px #402b7010}
.hs-career-top{display:flex;align-items:center;gap:13px;margin-bottom:21px}
.hs-career-top>p{margin:0;color:#735799;font-size:12px;font-weight:700;line-height:1.6;word-break:keep-all}
.hs-career-symbol{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;border-radius:13px;background:#f0eafb;color:#7041be}
.hs-career-symbol svg{display:block;width:34px;height:34px}
.hs-career-card h3{margin:0 0 10px;font-size:23px;line-height:1.3;letter-spacing:-.8px;word-break:keep-all}
.hs-career-description{margin:0 0 19px;font-size:14px;line-height:1.85;color:#506077;word-break:keep-all}
.hs-career-evidence{margin-bottom:22px}
.hs-career-evidence>span,.hs-career-task>span{display:block;margin-bottom:9px;font-size:11px;font-weight:750;color:#6b5887}
.hs-career-evidence>div{display:flex;flex-wrap:wrap;gap:6px}
.hs-career-evidence b{padding:5px 8px;border-radius:5px;background:#f2eef8;color:#674687;font-size:11px;font-weight:650;line-height:1.5}
.hs-career-task{margin-top:auto;padding:17px 15px;border-radius:8px;background:#f8f6fc}
.hs-career-task>p{margin:0;font-size:13px;line-height:1.85;word-break:keep-all}
.hs-career-task>.hs-career-reflection{margin-top:12px;padding-top:11px;border-top:1px solid #e8e1f2;color:#695777;font-size:12px}
.hs-career-details{margin-top:17px;border-top:1px solid #eee9f4;padding-top:12px}
.hs-career-details summary,.hs-careers-method summary{width:fit-content;max-width:100%;padding:4px 0;color:#694c90;font-size:12px;line-height:1.7;cursor:pointer}
.hs-career-details summary:hover,.hs-careers-method summary:hover{color:var(--violet,#6c3be8)}
.hs-career-details summary:focus-visible,.hs-careers-method summary:focus-visible,.hs-career-details a:focus-visible{outline:3px solid #9c77ff;outline-offset:4px;border-radius:3px}
.hs-career-details>p,.hs-careers-method>p{margin:10px 0;color:var(--muted,#617083);font-size:12px;line-height:1.85;word-break:keep-all}
.hs-career-details a{display:inline-block;max-width:100%;margin-top:3px;padding:5px 0;color:#653ca3;font-size:12px;line-height:1.75;text-underline-offset:3px;overflow-wrap:anywhere}
.hs-careers-note{margin:20px 0 8px;color:var(--muted,#617083);font-size:12px;line-height:1.8;word-break:keep-all}
.hs-careers-method{max-width:820px}
.hs-careers-pending{padding:24px;border:1px solid var(--line,#d8e1ec);border-radius:12px;background:#f7f4fc}
.hs-careers-pending h2{font-size:22px}
.hs-careers-pending>p:last-child{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--muted,#617083)}
.hs-career-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){.hs-career-grid{grid-template-columns:1fr}.hs-career-card{padding:22px}.hs-career-top{margin-bottom:15px}.hs-career-description{max-width:620px}.hs-career-task{margin-top:0}.hs-careers-tag{display:none}}
@media(max-width:480px){.hs-careers{margin-top:30px;padding-top:24px}.hs-careers-heading{gap:12px}.hs-careers h2{font-size:23px}.hs-career-card{padding:20px 18px}.hs-career-card h3{font-size:22px}.hs-careers-intro{font-size:13px}.hs-careers-pending{padding:20px 18px}}