/* Career Decider v1 (2026-09-28), scoped to #tool and .cd-* */
#tool{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,88px);background:var(--mint)}
#cd-app{background:#fff;border-radius:var(--r-card);box-shadow:0 18px 50px rgba(23,54,34,.10);padding:clamp(20px,3.4vw,44px);color:var(--ink);font-family:var(--b);min-height:420px}
#cd-app h2,#cd-app h3{font-family:var(--h);font-weight:400;color:var(--forest)}
#cd-app .cd-h{font-size:clamp(26px,3vw,38px);line-height:1.12;margin:4px 0 12px;max-width:26ch}
#cd-app .cd-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#446859;margin:0}
#cd-app .cd-sub{font-size:16px;line-height:1.55;color:var(--ink2);max-width:62ch;margin:0 0 18px}
#cd-app .cd-lead{font-family:var(--h);font-size:20px;color:var(--forest);margin:8px 0 12px}
#cd-app button{font-family:inherit;cursor:pointer}
#cd-app .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.cd-prog{display:flex;gap:6px;list-style:none;margin:0 0 28px;padding:0}
.cd-prog li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5A6E64;min-width:0}
.cd-prog li span{display:block;height:5px;border-radius:9px;background:#E3EAE5;font-size:0}
.cd-prog li.done span{background:#A6F8C4}.cd-prog li.on span{background:var(--green)}
.cd-prog li.on{color:var(--forest)}.cd-prog li b{font-weight:500}
@media(max-width:640px){.cd-prog li b{display:none}.cd-prog li.on b{display:block;white-space:nowrap;overflow:visible}}
.cd-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.cd-nav-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}
.cd-hint{font-size:13px;color:#446859}
.cd-back{background:none;border:0;color:var(--forest);font-size:15px;padding:10px 4px;text-decoration:underline;text-underline-offset:3px}
/* step 1 */
.cd-s1{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,3vw,40px)}
.cd-side{background:var(--forest);color:#fff;border-radius:16px;padding:26px 24px;align-self:start}
#cd-app .cd-side .cd-k{color:var(--green)}
#cd-app .cd-side h3{color:#fff;font-size:26px;margin:4px 0 10px}
.cd-side-p{font-size:14px;line-height:1.5;color:#d7e6dc;margin:0 0 14px}
.cd-cur{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cd-cur li{font-size:15px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.07);border-left:3px solid var(--green)}
.cd-drivers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cd-drv{border:1.5px solid #D5DED8;border-radius:14px;background:#fff;transition:border-color .2s,background .2s;display:flex;flex-direction:column}
.cd-drv.on{border-color:var(--forest);background:#F2FBF5}
.cd-drv.top{border-color:var(--green);box-shadow:0 0 0 3px rgba(77,242,138,.35)}
.cd-drv.dis{opacity:.5}
.cd-drv-b{display:flex;gap:12px;align-items:flex-start;text-align:left;background:none;border:0;padding:14px 14px 12px;font-size:15px;line-height:1.4;color:var(--ink);width:100%;min-height:54px}
.cd-box{flex:0 0 20px;height:20px;border-radius:6px;border:2px solid #9FB3A7;margin-top:1px;position:relative;box-sizing:border-box}
.cd-drv.on .cd-box{background:var(--forest);border-color:var(--forest)}
.cd-drv.on .cd-box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.cd-star{align-self:flex-start;margin:0 14px 12px 46px;background:none;border:1px solid #C1CDC8;border-radius:99px;padding:5px 12px;font-size:13px;color:var(--forest)}
.cd-drv.top .cd-star{background:var(--green);border-color:var(--green)}
.cd-count{font-size:14px;color:#446859;margin:14px 0 0}
@media(max-width:900px){.cd-s1{grid-template-columns:minmax(0,1fr)}.cd-side{order:2}.cd-main{order:1}}
@media(max-width:560px){.cd-drivers{grid-template-columns:1fr}}
/* matrix */
.cd-mx{display:grid;gap:8px;margin:8px 0 6px}
.cd-mx-row{display:grid;grid-template-columns:92px repeat(3,minmax(0,1fr));gap:8px}
.cd-mx-ch{padding:4px 6px 2px;display:flex;flex-direction:column;gap:2px}
.cd-mx-ch b{font-family:var(--h);font-weight:400;font-size:18px;color:var(--forest)}
.cd-mx-ch span{font-size:12.5px;color:#446859}
.cd-mx-rl{display:flex;align-items:center;justify-content:flex-start}
.cd-mx-rl span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#446859;line-height:1.3}
.cd-cell{border-radius:14px;background:#F4F7F5;border:1.5px solid #E1E8E3;position:relative;transition:background .25s,border-color .25s}
.cd-cell.lv1{background:#E9FDF0;border-color:#A6F8C4}
.cd-cell.lv2{background:#C9FAD9;border-color:var(--green);box-shadow:0 0 0 3px rgba(77,242,138,.3)}
.cd-cell-b{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;text-align:left;background:none;border:0;padding:14px;color:var(--ink);box-sizing:border-box}
.cd-cell-where{display:none;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#446859}
.cd-cell-t{font-family:var(--h);font-size:16px;line-height:1.25;color:var(--forest)}
.cd-cell-x{font-size:13px;line-height:1.45;color:var(--ink2)}
.cd-tag{align-self:flex-start;font-size:11.5px;background:var(--forest);color:var(--green);border-radius:99px;padding:3px 9px}
.cd-tag.lt{background:#fff;color:var(--forest);border:1px solid #A6F8C4}
.cd-mx-foot{display:grid;grid-template-columns:92px 1fr auto 1fr;align-items:center;gap:8px;font-size:12.5px;color:#446859;margin-top:4px}
.cd-mx-foot:before{content:""}
.cd-mx-foot b{font-weight:500;color:var(--forest);letter-spacing:.06em;text-transform:uppercase;font-size:12px;text-align:center}
.cd-mx-foot span:last-child{text-align:right}
.cd-mx-poles{display:grid;grid-template-columns:92px repeat(3,minmax(0,1fr));gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#829A90}
.cd-mx-poles:before{content:""}
.cd-mx-poles span:nth-child(2){text-align:center}.cd-mx-poles span:last-child{text-align:right}
.cd-why{display:flex;gap:12px;align-items:flex-start;background:var(--forest);color:#fff;border-radius:14px;padding:16px 18px;margin-top:18px}
.cd-why p{margin:0;font-size:14.5px;line-height:1.55}.cd-why b{color:var(--green);font-weight:500}
@media(max-width:760px){
 .cd-mx:not(.mini) .cd-mx-head,.cd-mx:not(.mini) .cd-mx-rl,.cd-mx:not(.mini) .cd-mx-foot,.cd-mx:not(.mini) .cd-mx-poles{display:none}
 .cd-mx:not(.mini) .cd-mx-row{grid-template-columns:minmax(0,1fr)}
 .cd-mx:not(.mini) .cd-cell-where{display:block}
 .cd-mx:not(.mini) .cd-cell-x{display:none}
 .cd-mx:not(.mini) .cd-cell.open .cd-cell-x{display:block}
 .cd-mx:not(.mini) .cd-cell-b{padding:12px 14px}
 .cd-mx:not(.mini) .cd-cell-b:after{content:"Tap to see careers";font-size:12px;color:#446859}
 .cd-mx:not(.mini) .cd-cell.open .cd-cell-b:after{content:none}
}
.cd-mx.mini{gap:5px}.cd-mx.mini .cd-mx-row{grid-template-columns:52px repeat(3,minmax(0,1fr));gap:5px}
.cd-mx.mini .cd-mx-ch{padding:0 2px}.cd-mx.mini .cd-mx-ch b{font-size:12.5px;line-height:1.2}
.cd-mx.mini .cd-cell{padding:8px;min-height:58px;display:flex;flex-direction:column;gap:4px}
.cd-mx.mini .cd-cell-t{font-size:12px}.cd-mx.mini .cd-tag{display:none}.cd-mx.mini .cd-mx-rl span{font-size:9.5px;letter-spacing:.03em}
.cd-mx.mini .cd-mx-foot{grid-template-columns:52px 1fr auto 1fr;font-size:11px}.cd-mx.mini .cd-mx-foot b{font-size:10.5px}
.cd-marks{display:flex;gap:4px;flex-wrap:wrap}.cd-marks i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--forest);color:var(--green);font-size:12px;display:inline-flex;align-items:center;justify-content:center}
/* step 3 */
.cd-skills{display:grid;gap:8px;max-width:760px}
.cd-sk{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #E1E8E3;border-radius:12px;flex-wrap:wrap}
.cd-sk-n{font-size:15.5px;color:var(--ink)}
.cd-sk-o{display:flex;gap:6px}
.cd-chip{border:1.5px solid #C1CDC8;background:#fff;border-radius:99px;padding:7px 14px;font-size:13.5px;color:var(--forest);min-width:78px}
.cd-chip.on.l3{background:var(--forest);border-color:var(--forest);color:var(--green)}
.cd-chip.on.l2{background:#A6F8C4;border-color:#7AF5A7}
.cd-chip.on.l1{background:#FFF1D6;border-color:#E9C27A;color:#6b4a0c}
@media(max-width:480px){.cd-sk-o{width:100%}.cd-chip{flex:1;min-width:0;padding:9px 6px}}
/* step 4 */
.cd-s4{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3.4vw,48px)}
.cd-iki-w{text-align:center}
.cd-iki{width:100%;max-width:380px;height:auto;display:block;margin:0 auto}
.ik-c{fill-opacity:.16;stroke-width:1.5;cursor:pointer;transition:fill-opacity .35s}
.ik-c.on{fill-opacity:.42}
.ik-c.ik-love{fill:#4DF28A;stroke:#2fc76a}.ik-c.ik-good{fill:#173622;stroke:#173622}.ik-c.ik-need{fill:#829A90;stroke:#5f786d}.ik-c.ik-paid{fill:#E9C27A;stroke:#c99a3f}
.ik-l{font:500 12px 'Poppins',sans-serif;fill:#173622;text-anchor:middle;pointer-events:none}
.ik-s{font:400 10.5px 'Poppins',sans-serif;fill:#2a3a30;text-anchor:middle;pointer-events:none}
.ik-core{fill:#EAF6EE;stroke:#173622;stroke-width:1.2;transition:fill .4s}
.cd-iki.all .ik-core{fill:#4DF28A}
.ik-cl{font:500 11px 'Poppins',sans-serif;fill:#173622;text-anchor:middle;pointer-events:none}
.cd-iki-n{font-size:14px;color:#446859;margin:8px 0 0}
.cd-f{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.cd-f-l{font-size:15px;color:var(--forest);font-weight:500;display:flex;align-items:center;gap:8px}
.cd-f-l em{font-style:normal;font-weight:400;color:#5f786d;font-size:13px}
.cd-f-h{font-size:13px;color:#446859;line-height:1.4}
.ik-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:0 0 12px}
.ik-love .ik-dot{background:#4DF28A}.ik-good .ik-dot{background:#173622}.ik-need .ik-dot{background:#829A90}.ik-paid .ik-dot{background:#E9C27A}
#cd-app textarea,#cd-app input[type=text],#cd-app input[type=email],#cd-app select{font:inherit;font-size:16px;padding:11px 13px;border-radius:10px;border:1.5px solid #C9D5CD;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
#cd-app textarea{resize:vertical;min-height:64px;line-height:1.45}
#cd-app textarea:focus,#cd-app input:focus,#cd-app select:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(77,242,138,.35)}
.cd-f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.cd-f2 .cd-f:first-child{grid-column:1/-1}
@media(max-width:900px){.cd-s4{grid-template-columns:minmax(0,1fr)}.cd-iki{max-width:260px}}
@media(max-width:480px){.cd-iki{max-width:220px}}
@media(max-width:480px){.cd-f2{grid-template-columns:minmax(0,1fr)}}
/* gate */
.cd-gate{max-width:620px}
.cd-form{margin-top:10px}
.cd-hp{position:absolute;left:-9999px;width:1px;height:1px}
.cd-dym{font-size:13.5px;color:#6b4a0c}.cd-dym-b{background:none;border:0;color:var(--forest);text-decoration:underline;font-weight:500;padding:0;font-size:13.5px}
.cd-ck{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2);line-height:1.45;margin:4px 0 6px;cursor:pointer}
.cd-ck input{width:20px;height:20px;flex:0 0 20px;margin-top:1px;accent-color:#173622}
.cd-ck a{color:var(--forest)}
.cd-err{display:none;color:#9b1c1c;font-size:14px;margin:8px 0 0}
/* loading */
.cd-load{text-align:center;padding:40px 0;max-width:560px;margin:0 auto}
#cd-app .cd-load .cd-h{margin:18px auto 8px}#cd-app .cd-load .cd-sub{margin:10px auto 0}
.cd-load-m{font-size:16px;color:var(--forest);min-height:24px;margin:0}
.cd-spin{width:54px;height:54px;border-radius:50%;border:4px solid #E3EAE5;border-top-color:var(--green);margin:0 auto;animation:cdspin 1s linear infinite;box-sizing:border-box}
@keyframes cdspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cd-spin{animation:none}}
.cd-bar{height:6px;border-radius:9px;background:#E3EAE5;overflow:hidden;margin:18px auto 0;max-width:420px}.cd-bar i{display:block;height:100%;width:3%;background:var(--green);transition:width .4s}
.cd-fail .cd-nav{justify-content:center}.cd-fail a{color:var(--forest)}
/* report */
#cd-app .cd-rep-hd .cd-h{max-width:34ch}
.cd-rep-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);margin:18px 0 28px}
#cd-app .cd-rep-top h3,#cd-app .cd-rep-3 h3{font-size:19px;margin:0 0 12px}
.cd-rep-iki dl{margin:0;display:grid;gap:8px}
.cd-rep-iki dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;padding:9px 12px;border-radius:10px;background:#F6F9F7}
.cd-rep-iki dt{font-size:13.5px;color:#446859;display:flex;align-items:center;gap:8px}.cd-rep-iki dd{margin:0;font-size:14.5px;color:var(--ink)}
.cd-center{font-size:15px;line-height:1.5;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:var(--forest);color:#fff}.cd-center b{color:var(--green);font-weight:500}
.cd-opts{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.cd-opt{border:1.5px solid #E1E8E3;border-radius:16px;padding:clamp(16px,2.4vw,26px);break-inside:avoid}
.cd-opt-hd{display:flex;gap:14px;align-items:flex-start}
.cd-num{flex:0 0 40px;height:40px;border-radius:50%;background:var(--forest);color:var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--h);font-size:18px}
#cd-app .cd-opt h3{font-size:clamp(19px,2vw,23px);margin:4px 0 4px;line-height:1.2}.cd-opt-hd p{margin:0;font-size:15px;color:var(--ink2);line-height:1.5}
.cd-pills{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px}
.cd-pill{font-size:12.5px;border-radius:99px;padding:5px 11px;background:#F1F5F2;color:var(--forest);border:1px solid #E1E8E3}
.cd-pill.fp-high{background:#C9FAD9;border-color:#A6F8C4}.cd-pill.fp-low{background:#FFF1D6;border-color:#F0D9A8;color:#6b4a0c}.cd-pill.inc{background:#fff}
.cd-opt-why,.cd-opt-s{font-size:15px;line-height:1.55;margin:0 0 10px;color:var(--ink)}
.cd-opt b{font-weight:500;color:var(--forest)}
.cd-fit{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 12px}
.cd-fit span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#446859}.cd-fit em{font-style:normal}
.cd-fit b{display:inline-flex;gap:3px}.cd-fit b i{width:9px;height:9px;border-radius:50%;background:#E3EAE5}
.cd-fit .ik-love b i.on{background:#2fc76a}.cd-fit .ik-good b i.on{background:#173622}.cd-fit .ik-need b i.on{background:#5f786d}.cd-fit .ik-paid b i.on{background:#c99a3f}
.cd-moves{background:#F6F9F7;border-radius:12px;padding:12px 16px;margin:6px 0 10px}.cd-moves ol{margin:8px 0 0;padding-left:20px}.cd-moves li{font-size:14.5px;line-height:1.5;margin-bottom:5px}
.cd-cs{margin:0}
.cd-rep-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.cd-rep-3>div{border-radius:14px;padding:18px;background:#F6F9F7}.cd-rep-3 p{margin:0;font-size:14.5px;line-height:1.55}
.cd-rep-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--forest);border-radius:16px;padding:clamp(18px,3vw,30px);flex-wrap:wrap}
#cd-app .cd-rep-cta h3{color:var(--green);font-size:22px;margin:0 0 6px}.cd-rep-cta p{color:#e2eee6;margin:0;font-size:15px;line-height:1.5;max-width:56ch}
.cd-rep-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.cd-rep-act .btn{padding:12px 22px;font-size:15px}
.cd-fine{font-size:12.5px;color:#446859;margin:16px 0 0;line-height:1.5}
@media(max-width:900px){.cd-rep-top,.cd-rep-3{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.cd-rep-iki dl>div{grid-template-columns:minmax(0,1fr);gap:2px}}
/* supporting content */
.cd-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.cd-how>div{background:#fff;border-radius:16px;padding:22px;border:1px solid #E1E8E3}
.cd-how h3{font-size:19px;margin:8px 0 8px}.cd-how p{margin:0;font-size:15px;line-height:1.55}
.cd-how .n{font-family:var(--h);font-size:13px;letter-spacing:.12em;color:#446859}
@media(max-width:820px){.cd-how{grid-template-columns:minmax(0,1fr)}}
.cd-faq-h{margin-top:clamp(48px,6vw,80px)}
.cd-faq{max-width:820px;margin-top:24px}
.cd-faq details{border-bottom:1px solid #D5DED8;padding:16px 0}
.cd-faq summary{cursor:pointer;font-family:var(--h);font-size:19px;color:var(--forest)}
.cd-faq p{margin:10px 0 0;font-size:15.5px;line-height:1.6}
@media print{
 body>nav,nav[aria-label=Main],footer,.hero,.cd-support,.endcta,.noprint,.skip,.cd-prog{display:none!important}
 #tool{padding:0;background:#fff}#cd-app{box-shadow:none;padding:0}
 .cd-opt,.cd-rep-3>div{break-inside:avoid}
 .cd-rep-cta{background:#fff;border:1.5px solid #173622}#cd-app .cd-rep-cta h3{color:#173622}.cd-rep-cta p{color:#173622}.cd-rep-cta .btn{border:1.5px solid #173622}
 .cd-center{background:#fff;color:#173622;border:1px solid #173622}.cd-center b{color:#173622}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
