/* CHARME verified hiring journey - strong contrast on light and responsive pages. */
.cm20-hiring-walkthrough{box-sizing:border-box;max-width:1210px;margin:34px auto 42px;padding:clamp(22px,3.5vw,45px);border-radius:26px;background:#143c30;color:#fff;box-shadow:0 22px 52px rgba(20,60,48,.14);border:1px solid #285b48}
.cm20-hiring-walkthrough *{box-sizing:border-box}
.cm20-hiring-intro{max-width:890px}
.cm20-hiring-eyebrow{display:block;font-size:12px;font-weight:850;letter-spacing:.15em;color:#f4d495;margin-bottom:10px}
.cm20-hiring-walkthrough .cm20-hiring-intro h2{margin:0 0 12px;color:#fff!important;font-size:clamp(25px,3.8vw,42px);line-height:1.31;letter-spacing:-.045em;font-weight:800;word-break:keep-all}
.cm20-hiring-intro h2 em{font-style:normal;color:#f5d596!important}
.cm20-hiring-intro>p{font-size:clamp(15px,1.6vw,18px);line-height:1.7;color:#eaf6ef!important;margin:0 0 25px;word-break:keep-all}
.cm20-hiring-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 22px;padding:0}
.cm20-hiring-steps>li{display:flex;flex-direction:column;gap:6px;padding:19px 17px 17px;border:1px solid #b7d4c33a;border-radius:16px;background:#ffffff12;min-width:0;min-height:137px}
.cm20-hiring-steps>li>span{font-weight:850;color:#f5d595;letter-spacing:.05em;font-size:13px}
.cm20-hiring-steps>li>b{font-weight:850;font-size:19px;color:#fff!important;line-height:1.32}
.cm20-hiring-steps>li>small{font-weight:550;font-size:14px;line-height:1.6;color:#d6e8de!important;word-break:keep-all}
.cm20-hiring-bottom{padding-top:18px;border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cm20-hiring-value{display:flex;gap:9px;flex-wrap:wrap;align-items:center;max-width:740px}
.cm20-hiring-value strong{display:inline-flex;padding:9px 12px;border-radius:10px;color:#153e31;background:#f3d69c;font-size:14px;font-weight:900}
.cm20-hiring-value>span{display:block;flex-basis:100%;font-size:12px;color:#dfede3;line-height:1.6}
.cm20-hiring-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:510px}
.cm20-hiring-actions a{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:11px;font-size:15px;font-weight:850;text-decoration:none!important;white-space:nowrap;background:#f3d59d;color:#173c30!important}
.cm20-hiring-actions a:first-child{background:#fff;color:#143c30!important}
.cm20-hiring-actions a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cm20-hiring-disclosure{margin:14px 0 0;color:#d4e5da!important;font-size:12px;line-height:1.7}
.cm20-hiring-compact{margin:20px auto 28px;padding:clamp(20px,3vw,28px);border-radius:20px}
.cm20-hiring-compact .cm20-hiring-intro h2{font-size:clamp(23px,3vw,32px)}
.cm20-hiring-compact .cm20-hiring-intro>p{font-size:15px;margin-bottom:18px}
.cm20-hiring-compact .cm20-hiring-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cm20-hiring-compact .cm20-hiring-steps>li{padding:12px;min-height:105px}
.cm20-hiring-compact .cm20-hiring-steps>li>b{font-size:16px}
.cm20-hiring-compact .cm20-hiring-steps>li>small{font-size:12px}
.cm20-hiring-compact .cm20-hiring-bottom{align-items:start;flex-direction:column;gap:13px}
.cm20-hiring-compact .cm20-hiring-actions{justify-content:flex-start}
@media(max-width:800px){.cm20-hiring-steps,.cm20-hiring-compact .cm20-hiring-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cm20-hiring-bottom{flex-direction:column;align-items:stretch}.cm20-hiring-actions{justify-content:stretch}.cm20-hiring-actions a{flex:1}}
@media(max-width:530px){.cm20-hiring-walkthrough{padding:21px 16px;margin:22px auto 28px;border-radius:18px}.cm20-hiring-steps,.cm20-hiring-compact .cm20-hiring-steps{gap:8px}.cm20-hiring-steps>li{min-height:119px;padding:13px 12px}.cm20-hiring-steps>li>b{font-size:16px}.cm20-hiring-steps>li>small{font-size:12px}.cm20-hiring-actions{flex-direction:column;width:100%}.cm20-hiring-actions a{width:100%;white-space:normal}.cm20-hiring-value strong{font-size:13px}}

/* Specific candidate hand-off within existing organization workflow. */
.eng-wrap .cm20-hiring-picked{border:2px solid #c9d8c0;background:#eff8ee;padding:22px;border-radius:17px;margin:18px 0 25px;color:#143e2d}
.eng-wrap .cm20-hiring-picked strong,.eng-wrap .cm20-hiring-picked h3{color:#143e2d;font-size:20px;line-height:1.4}
.eng-wrap .cm20-hiring-picked p{font-size:15px;line-height:1.7;color:#315c45}
.eng-wrap .cm20-hiring-picked>a{font-size:15px;font-weight:800;color:#17563d}
.eng-wrap .cm20-hiring-picked button{border:0;border-radius:11px;background:#124c36;color:#fff;font-size:16px;font-weight:850;min-height:54px;padding:12px 20px;cursor:pointer}
.eng-wrap .cm20-hiring-picked small{display:block;font-size:13px;line-height:1.6;margin-top:11px;color:#386550}

/* Full lifecycle guide · Oct 29 2026 · explicit readable, accessible steps */
.cm20-hiring-walkthrough{max-width:1240px}
.cm20-hiring-walkthrough .cm20-hiring-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cm20-hiring-walkthrough .cm20-hiring-steps>li{padding:20px;min-height:156px;border-color:rgba(242,220,175,.24);background:#ffffff12}
.cm20-hiring-walkthrough .cm20-hiring-steps>li>span{font-size:14px;color:#f5d595!important}
.cm20-hiring-walkthrough .cm20-hiring-steps>li>b{font-size:clamp(19px,1.6vw,23px)!important;line-height:1.4!important;color:#fff!important;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-hiring-steps>li>small{font-size:clamp(14px,1.1vw,16px)!important;line-height:1.65!important;color:#f2f7f3!important;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-hiring-steps>li.cm20-hiring-step-money{border-color:#f4ce85;background:linear-gradient(160deg,#295a45,#214938);box-shadow:0 8px 18px #081b1222}
.cm20-hiring-money{margin:26px 0 10px;border:2px solid #e9cc92;border-radius:22px;padding:clamp(21px,3vw,32px);background:#f8f4e8;color:#1b3f32}
.cm20-hiring-money-head>span{font-weight:900;letter-spacing:.13em;color:#82591b;font-size:12px}
.cm20-hiring-money-head h3{font-size:clamp(24px,3vw,34px)!important;line-height:1.35!important;letter-spacing:-.04em;color:#163c30!important;margin:6px 0 10px!important}
.cm20-hiring-money-head h3 em{font-style:normal;color:#87521b!important}
.cm20-hiring-money-head>p{font-size:16px!important;color:#355747!important;line-height:1.7;margin:0 0 18px}
.cm20-hiring-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cm20-hiring-money-grid>div{padding:20px;border-radius:15px;background:#fff;border:1px solid #d6ddce;min-width:0}
.cm20-hiring-money-grid strong{display:block;font-size:20px!important;font-weight:900;color:#1a4535!important;line-height:1.45}
.cm20-hiring-money-grid p{font-size:16px!important;line-height:1.8!important;color:#334b3f!important;margin:10px 0 0;word-break:keep-all}
.cm20-hiring-payment-note{padding:16px 18px;margin:18px 0 0!important;background:#fff7df;border-left:5px solid #be8a39;border-radius:10px;color:#54432a!important;font-size:15px!important;line-height:1.8!important}
.cm20-hiring-compact .cm20-hiring-steps>li{min-height:137px;padding:15px!important}
.cm20-hiring-compact .cm20-hiring-steps>li>b{font-size:18px!important}
.cm20-hiring-compact .cm20-hiring-steps>li>small{font-size:14px!important}
.cm20-kakao-join{margin:18px 0 25px;padding:21px 23px;border:2px solid #d4a74d;border-radius:17px;background:#fffae7;color:#3a3219;line-height:1.75;box-shadow:0 9px 23px rgba(78,63,20,.09)}
.cm20-kakao-join strong{display:block;font-size:clamp(20px,2.4vw,25px);font-weight:900;color:#49340b;line-height:1.45;margin-bottom:7px}
.cm20-kakao-join p{font-size:16px;color:#514b34;margin:0}
.cm20-kakao-join small{display:block;margin-top:8px;font-size:13px;color:#61573c}
.cm20-contract-contacts{margin:18px 0;border:2px solid #c3d8cb;border-radius:18px;padding:23px;background:#eef7f0;color:#193a2d}
.cm20-contract-contacts h3{color:#16452f!important;font-size:24px!important;line-height:1.4;margin:0 0 9px!important}
.cm20-contract-contacts p,.cm20-contract-contacts dd,.cm20-contract-contacts dt{font-size:16px!important;line-height:1.75;color:#284838}
.cm20-contract-contacts dl{display:grid;grid-template-columns:120px 1fr;gap:7px 15px;margin:14px 0}
.cm20-contract-contacts dt{font-weight:850}
.cm20-contract-contacts dd{overflow-wrap:anywhere;margin:0}
.cm20-contract-contacts a{font-weight:850;text-decoration:underline}
.cm20-lifecycle-end{margin:18px 0;padding:20px;border-radius:16px;border:2px solid #e6c990;background:#fff8e9;color:#423923}
.cm20-lifecycle-end h2,.cm20-lifecycle-end h3{margin:0 0 9px!important;font-size:23px!important;color:#473819!important}
.cm20-lifecycle-end p{margin:5px 0 8px;font-size:16px!important;line-height:1.7;color:#4b4537!important}
.cm20-lifecycle-end a{font-weight:850;text-decoration:underline}
@media(max-width:840px){.cm20-hiring-walkthrough .cm20-hiring-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cm20-hiring-walkthrough .cm20-hiring-steps{grid-template-columns:1fr;gap:10px}.cm20-hiring-walkthrough .cm20-hiring-steps>li{min-height:auto;padding:16px!important}.cm20-hiring-walkthrough .cm20-hiring-steps>li>b{font-size:19px!important}.cm20-hiring-walkthrough .cm20-hiring-steps>li>small{font-size:15px!important}.cm20-hiring-money-grid{grid-template-columns:1fr}.cm20-hiring-money-grid>div{padding:17px}.cm20-hiring-money-grid strong{font-size:19px!important}.cm20-hiring-money-grid p{font-size:15px!important}.cm20-contract-contacts dl{grid-template-columns:1fr;gap:0}.cm20-contract-contacts dd{margin:0 0 10px}.cm20-kakao-join{padding:18px}}

/* 2026-10-29: high-contrast simplicity + trust messages for every party. */
.cm20-hiring-walkthrough .cm20-easy-trust{margin:0 0 18px;padding:clamp(20px,3vw,32px);background:#f4f9f5;color:#153f30;border:2px solid #a7d7bf;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.09)}
.cm20-hiring-walkthrough .cm20-easy-trust>span{display:block;font-size:clamp(14px,1.2vw,17px);font-weight:850;color:#186547;line-height:1.5;margin:0 0 7px}
.cm20-hiring-walkthrough .cm20-easy-trust>strong{display:block;font-size:clamp(25px,3.2vw,41px);line-height:1.35;color:#103b2e!important;letter-spacing:-.045em;font-weight:900;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-easy-trust>strong em{font-style:normal;color:#a26819!important}
.cm20-hiring-walkthrough .cm20-easy-trust>p{margin:11px 0 0!important;color:#315548!important;font-size:clamp(15px,1.3vw,18px)!important;font-weight:600;line-height:1.75;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-easy-audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}
.cm20-hiring-walkthrough .cm20-easy-audiences:has(>div:only-child){grid-template-columns:1fr}
.cm20-hiring-walkthrough .cm20-easy-audiences>div{border-radius:21px;padding:clamp(20px,2.5vw,28px);min-width:0;border:2px solid transparent;box-shadow:0 12px 22px rgba(0,0,0,.13)}
.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-org{background:#dcf6ef;border-color:#6bceb3;color:#123e34}
.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-instructor{background:#fff0cd;border-color:#e8bc62;color:#4a3409}
.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-label{display:block;font-size:clamp(13px,1.2vw,16px);font-weight:900;margin-bottom:11px;letter-spacing:.015em}
.cm20-hiring-walkthrough .cm20-easy-org .cm20-easy-label{color:#146d56}
.cm20-hiring-walkthrough .cm20-easy-instructor .cm20-easy-label{color:#855608}
.cm20-hiring-walkthrough .cm20-easy-audiences h3{margin:0 0 12px!important;font-size:clamp(24px,2.5vw,32px)!important;font-weight:900;line-height:1.35!important;letter-spacing:-.05em!important;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-org h3,.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-org h3 em{color:#0b4435!important}
.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-instructor h3,.cm20-hiring-walkthrough .cm20-easy-audiences .cm20-easy-instructor h3 em{color:#62420e!important}
.cm20-hiring-walkthrough .cm20-easy-audiences h3 em{font-style:normal}
.cm20-hiring-walkthrough .cm20-easy-audiences p{font-size:clamp(15px,1.2vw,17px)!important;line-height:1.8!important;margin:0 0 15px!important;color:inherit!important;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-easy-audiences p b{font-weight:900}
.cm20-hiring-walkthrough .cm20-easy-badges{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}
.cm20-hiring-walkthrough .cm20-easy-badges b{display:inline-block;border:1px solid currentColor;border-radius:9px;padding:8px 10px;font-size:13px;line-height:1.4;font-weight:900}
.cm20-hiring-walkthrough .cm20-easy-org .cm20-easy-badges b{color:#145f4a;background:#f6fdf9}
.cm20-hiring-walkthrough .cm20-easy-instructor .cm20-easy-badges b{color:#694910;background:#fff9eb}
.cm20-hiring-walkthrough .cm20-easy-audiences a{display:inline-flex;min-height:47px;align-items:center;justify-content:center;padding:11px 17px;border-radius:10px;font-size:15px!important;font-weight:900;text-decoration:none!important;margin-top:4px}
.cm20-hiring-walkthrough .cm20-easy-org a{background:#124b3c;color:#fff!important}
.cm20-hiring-walkthrough .cm20-easy-instructor a{background:#704710;color:#fff!important}
.cm20-hiring-walkthrough .cm20-easy-audiences a:focus-visible{outline:3px solid #195f9e;outline-offset:3px}
.cm20-hiring-walkthrough .cm20-easy-privacy{background:#eaf1fe;border:2px solid #9cbce3;border-radius:16px;padding:19px 22px;color:#1b3b65;margin:18px 0 20px}
.cm20-hiring-walkthrough .cm20-easy-privacy strong{display:block;font-size:clamp(21px,2.1vw,27px);color:#1b3b65;font-weight:900;margin-bottom:6px}
.cm20-hiring-walkthrough .cm20-easy-privacy p{font-size:clamp(15px,1.25vw,17px)!important;color:#264566!important;line-height:1.7;margin:0!important;word-break:keep-all}
.cm20-hiring-walkthrough .cm20-easy-details{margin:18px 0 24px}
.cm20-hiring-walkthrough .cm20-easy-details>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;background:#234e3d;border:2px solid #a6c2b1;border-radius:13px;padding:17px 21px;color:#fff}
.cm20-hiring-walkthrough .cm20-easy-details>summary::-webkit-details-marker{display:none}
.cm20-hiring-walkthrough .cm20-easy-details>summary strong{font-size:clamp(18px,1.9vw,24px);line-height:1.5;color:#fff!important}
.cm20-hiring-walkthrough .cm20-easy-details>summary span{white-space:nowrap;font-size:14px;color:#f1d49a!important;font-weight:850}
.cm20-hiring-walkthrough .cm20-easy-details[open]>summary{margin-bottom:19px;background:#365c49}
.cm20-hiring-walkthrough .cm20-easy-details>summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cm20-hiring-walkthrough .cm20-easy-details .cm20-hiring-steps{margin-bottom:23px}
@media(max-width:820px){.cm20-hiring-walkthrough .cm20-easy-audiences{grid-template-columns:1fr}}
@media(max-width:520px){.cm20-hiring-walkthrough .cm20-easy-audiences>div{padding:19px}.cm20-hiring-walkthrough .cm20-easy-audiences h3{font-size:25px!important}.cm20-hiring-walkthrough .cm20-easy-details>summary{align-items:flex-start;flex-direction:column;padding:15px;gap:5px}.cm20-hiring-walkthrough .cm20-easy-details>summary span{white-space:normal}.cm20-hiring-walkthrough .cm20-easy-trust{padding:18px}.cm20-hiring-walkthrough .cm20-easy-trust>strong{font-size:26px}.cm20-hiring-walkthrough .cm20-easy-privacy{padding:16px}}

.cm20-ir-easy-big{background:linear-gradient(130deg,#173d32,#276451);color:white;border:2px solid #c1d9bb;border-radius:19px;padding:clamp(22px,3vw,33px);margin:14px 0 22px;box-shadow:0 12px 30px #21473125}.cm20-ir-easy-big>span{display:block;font-weight:850;font-size:14px;color:#f4d28c;letter-spacing:.04em;margin-bottom:7px}.cm20-ir-easy-big>strong{display:block;color:white!important;font-size:clamp(24px,2.8vw,35px);font-weight:900;line-height:1.45;letter-spacing:-.04em;word-break:keep-all}.cm20-ir-easy-big>p{color:#f1f8f4!important;font-size:clamp(15px,1.3vw,18px)!important;line-height:1.75!important;margin:13px 0 0!important;word-break:keep-all}@media(max-width:520px){.cm20-ir-easy-big{padding:18px}.cm20-ir-easy-big>strong{font-size:25px}}

.cm20-hiring-walkthrough .cm20-easy-org-note{font-size:13px!important;color:#235744!important;line-height:1.7!important;margin:12px 0!important;font-weight:700}
