/* Job Corner */
.jc-sec{padding:clamp(56px,8vw,104px) 0}
.jc-sec+.jc-sec{padding-top:0}
.jc .sh .lead{max-width:60ch}
.jc-shrow{grid-template-columns:1fr auto;align-items:end}
@media (max-width:599px){.jc-shrow{grid-template-columns:1fr}.jc-shrow>.btn2{justify-self:start}}

/* 01 profile */
.jc-prof{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(20px,3.5vw,40px);display:grid;gap:28px}
.jc-ph{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 24px}
.jc-h{font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.jc-priv{margin:0;font-size:14px}
.jc-form{display:grid;gap:28px}
.jc-form[hidden],.jc-sum[hidden],.jc-acct[hidden]{display:none}
.jc-row2{display:grid;gap:28px}
@media (min-width:860px){.jc-row2{grid-template-columns:1fr minmax(260px,.8fr)}}
.jc .step .q{display:flex;align-items:baseline;gap:10px}
.jc .step .q h3{margin:0;font-size:18px;font-weight:500;letter-spacing:-.02em}
.jc .opt{min-height:44px}
.jc .opt:focus-visible,.jc-in input:focus-visible,.jc-tick input:focus-visible+.box{outline:2px solid var(--acc);outline-offset:2px}
.jc-in{display:block}
.jc-in input{width:100%;background:#151515;border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:400 16px var(--sans);padding:12px 14px;min-height:46px;border-radius:0;outline:none;transition:box-shadow .2s}
.jc-prof .jc-in input{background:var(--bg)}
.jc-in input:focus{box-shadow:inset 0 0 0 1px var(--acc),0 0 0 3px var(--accdim)}
.jc-in input::placeholder{color:var(--mut)}
.jc-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:24px;box-shadow:0 -1px 0 var(--line)}
.jc-go .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.jc-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.jc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jc-chips .chip{text-transform:none;font:500 14px var(--sans);padding:8px 12px;background:var(--accdim);box-shadow:inset 0 0 0 1px rgba(255,88,67,.5)}
.jc-acct{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:18px;box-shadow:0 -1px 0 var(--line);font-size:14px}
.jc-acct .btn2{padding:6px 2px}

/* 02 plan */
.jc-split{display:grid;gap:32px}
@media (min-width:1000px){.jc-split{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.jc-split .jc-sh{position:sticky;top:110px;margin:0}}
.jc-prog{display:grid;gap:10px;max-width:340px}
.jc-bar{height:4px;background:var(--bg3);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.jc-bar i{display:block;height:100%;width:0;background:var(--acc);transition:width .6s var(--ez,ease)}
.jc-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.jc-step{display:grid;grid-template-columns:auto 1fr;gap:18px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);padding:22px 22px 16px;transition:box-shadow .25s,background .25s}
.jc-step.ok{background:var(--bg)}
.jc-step.ok h3{color:var(--mut);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}
.jc-step.ok p{color:var(--mut)}
.jc-sbody{display:grid;gap:8px;min-width:0}
.jc-sbody h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.jc-sbody p{margin:0;color:var(--ink2);font-size:15px;max-width:58ch}
.jc-sbody .btn2{justify-self:start;margin-top:2px}
.jc-tick{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;margin:-8px 0 0 -8px}
.jc-tick input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.jc-tick .box{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line2);background:var(--bg);display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.jc-tick:hover .box{box-shadow:inset 0 0 0 1px var(--ink2)}
.jc-tick input:checked+.box{background:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.jc-tick input:checked+.box::after{content:"";width:10px;height:5px;border:0 solid #0F0F0F;border-left-width:2px;border-bottom-width:2px;transform:translateY(-1px) rotate(-45deg)}

/* 03 tools */
.jc-tools{grid-template-columns:1fr}
@media (min-width:640px){.jc-tools{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.jc-tools{grid-template-columns:repeat(4,1fr)}}
.jc-tools .card{padding:22px}
.jc-tools .card h3{font-size:20px}
.jc-ct{display:flex;align-items:center;gap:12px}
.jc-ic{width:44px;height:44px;display:grid;place-items:center;background:var(--bg3);box-shadow:inset 0 0 0 1px var(--line)}
.jc-ic svg{width:22px;height:22px;display:block}

/* 04 where to apply */
.jc-plats{display:grid;gap:12px}
@media (min-width:760px){.jc-plats{grid-template-columns:repeat(2,1fr)}}
.jc-plats .res{align-content:start}
.jc-plats .res a.open{justify-self:start}
.jc-citytip{margin:16px 0 0;font-size:15px;max-width:70ch}
.jc-citytip b{margin-right:6px}

/* 05 courses */
.jc-courses{display:grid;gap:12px}
@media (min-width:720px){.jc-courses{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.jc-courses{grid-template-columns:repeat(3,1fr)}}
.jc-course{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);padding:20px;transition:box-shadow .25s}
.jc-course:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.jc-course:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.jc-ctop{display:flex;justify-content:space-between;gap:12px}
.jc-course h3{margin:0;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.jc-course p{margin:0;color:var(--ink2);font-size:14.5px}
.jc-cfoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:12px;box-shadow:0 -1px 0 var(--line);margin-top:4px}
.jc-cfoot .jc-arr{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;background:var(--bg3);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;transition:transform .3s var(--ez,ease)}
.jc-course:hover .jc-arr{transform:translate(2px,-2px)}
.jc-more{display:flex;justify-content:center;margin-top:24px}
.jc-more .btn.dark i{font-style:normal}
.jc-empty{gap:12px}
.jc-courses .jc-empty{grid-column:1/-1}

/* 06 videos */
.jc-vids .vid h3{font-size:16px}

/* 07 end */
.jc-end{display:grid;gap:24px}