.rc-principle-bar span,.rc-principle-bar span:before{transition:color .25s}#ita-recruitment .rc-principle-bar span:hover{color:#9b6b08}#ita-recruitment .rc-principle-bar span:hover:before{color:#f2c14e}@media(prefers-reduced-motion:reduce){.rc-principle-bar span,.rc-principle-bar span:before{transition:none}}

/* Recruitment hiring notes: editorial hierarchy, preserving the existing copy. */
#ita-recruitment #ita-hiring-details{padding-top:76px;padding-bottom:88px}
#ita-recruitment #ita-hiring-details>h2{max-width:900px;margin:0 0 34px;color:#357080;font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-weight:500;line-height:1.13;letter-spacing:-.035em}
#ita-recruitment #ita-hiring-details>h2:before{content:"";display:block;width:42px;height:3px;margin-bottom:18px;border-radius:3px;background:#f2c14e}
#ita-recruitment #ita-hiring-details .ita-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:28px 30px 30px;border:1px solid #dce4df;border-radius:18px;background:#fffdfa;color:#273b40;box-shadow:0 8px 28px rgba(7,59,76,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:before{display:block;margin-bottom:16px;color:#9b6b08;font:600 11px/1.2 Inter,"Noto Sans TC",sans-serif;letter-spacing:.14em}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(1){background:#eaf1ed}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(1):before{content:"01 /"}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(2):before{content:"02 /"}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(3):before{content:"03 /"}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4){border-color:#245668;background:#103f4e;color:#f8f7ef}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4):before{content:"04 /";color:#f2c14e}
#ita-recruitment #ita-hiring-details .ita-facts-grid h3{margin:0 0 14px;color:#275f6c;font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:23px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
#ita-recruitment #ita-hiring-details .ita-facts-grid p,#ita-recruitment #ita-hiring-details .ita-facts-grid li{color:#344b50;font-size:15px;line-height:1.65}
#ita-recruitment #ita-hiring-details .ita-facts-grid p{margin:0 0 12px}
#ita-recruitment #ita-hiring-details .ita-facts-grid p:last-child{margin-bottom:0}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:first-child p:last-child{margin-top:auto;padding-top:16px;border-top:1px solid #cddbd2;color:#526970;font-size:13px;line-height:1.55}
#ita-recruitment #ita-hiring-details .ita-facts-grid ul{list-style:none;margin:0;padding:0}
#ita-recruitment #ita-hiring-details .ita-facts-grid li{margin:0;padding:10px 0;border-top:1px solid #e3e9e3}
#ita-recruitment #ita-hiring-details .ita-facts-grid li:last-child{padding-bottom:0}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) h3,#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) p{color:#f8f7ef}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a{display:flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;margin-top:auto;padding:12px 18px;border:0;border-radius:8px;background:#f2c14e;color:#103f4e!important;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none!important;transition:background-color .2s ease,transform .2s ease}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a:hover{background:#f6d273;transform:translateY(-2px)}
@media(hover:hover) and (pointer:fine){#ita-recruitment #ita-hiring-details .ita-facts-grid>div:not(:last-child):hover{transform:translateY(-3px);border-color:#b9d0c8;box-shadow:0 14px 34px rgba(7,59,76,.07)}}
@media(max-width:767px){#ita-recruitment #ita-hiring-details{padding-top:52px;padding-bottom:60px}#ita-recruitment #ita-hiring-details>h2{margin-bottom:22px;font-size:clamp(28px,8vw,34px);line-height:1.18}#ita-recruitment #ita-hiring-details>h2:before{margin-bottom:14px}#ita-recruitment #ita-hiring-details .ita-facts-grid{grid-template-columns:minmax(0,1fr);gap:12px}#ita-recruitment #ita-hiring-details .ita-facts-grid>div{padding:21px 22px 22px;border-radius:14px;box-shadow:none}#ita-recruitment #ita-hiring-details .ita-facts-grid>div:before{margin-bottom:11px;font-size:10px}#ita-recruitment #ita-hiring-details .ita-facts-grid h3{margin-bottom:10px;font-size:19px}#ita-recruitment #ita-hiring-details .ita-facts-grid p,#ita-recruitment #ita-hiring-details .ita-facts-grid li{font-size:14px;line-height:1.55}#ita-recruitment #ita-hiring-details .ita-facts-grid li{padding:9px 0}#ita-recruitment #ita-hiring-details .ita-facts-grid>div:first-child p:last-child{margin-top:10px;padding-top:12px}#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a{width:100%;margin-top:18px}}
@media(prefers-reduced-motion:reduce){#ita-recruitment #ita-hiring-details .ita-facts-grid>div,#ita-recruitment #ita-hiring-details .ita-facts-grid a{transition:none!important;transform:none!important}}
#ita-recruitment #ita-hiring-details>h2:before{display:block!important}
#ita-recruitment #ita-hiring-details .ita-facts-grid li{list-style:none!important;padding:10px 0!important}
@media(max-width:767px){#ita-recruitment #ita-hiring-details .ita-facts-grid li{padding:9px 0!important}#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a{font-size:0!important}html:not([lang^=zh]) #ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a:before{content:"Discuss your hiring needs";font-size:14px}html[lang^=zh] #ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(4) a:before{content:"商討招聘需要";font-size:14px}}

/* Match the service-page eyebrow and make the four steps scannable. */
#ita-recruitment #ita-hiring-details .ita-guided-eyebrow,#ita-recruitment #ita-hiring-faq .ita-faq-eyebrow{margin:0 0 24px;color:#886010;font:600 11px/1.4 Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;letter-spacing:2px;text-transform:uppercase}
#ita-recruitment #ita-hiring-details>h2:before{display:none!important}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(2) ul,#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(3) ul{list-style:disc!important;padding-left:20px!important}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(2) li,#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(3) li{display:list-item!important;list-style:disc outside!important;padding:9px 0 9px 2px!important}
#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(2) li::marker,#ita-recruitment #ita-hiring-details .ita-facts-grid>div:nth-child(3) li::marker{color:#b98216;font-size:.85em}

/* Same two-column FAQ pattern and native accordion as Secondment. */
#ita-recruitment #ita-hiring-faq{padding-top:88px;padding-bottom:88px;background:#fff}
#ita-recruitment #ita-hiring-faq .ita-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:82px;align-items:start}
#ita-recruitment #ita-hiring-faq .ita-faq-eyebrow{margin-bottom:24px}
#ita-recruitment #ita-hiring-faq h2{margin:0!important;color:#357080!important;font-size:clamp(32px,3.6vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.035em}
#ita-recruitment #ita-hiring-faq details{margin:0!important;padding:0!important;border-top:1px solid #d8e3e3!important}
#ita-recruitment #ita-hiring-faq details:last-child{border-bottom:1px solid #d8e3e3!important}
#ita-recruitment #ita-hiring-faq summary{display:grid!important;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:20px;min-height:84px;padding:15px 0!important;color:#357080!important;font:600 22px/1.2 Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;letter-spacing:-.035em;list-style:none;cursor:pointer}
#ita-recruitment #ita-hiring-faq summary::-webkit-details-marker{display:none}
#ita-recruitment #ita-hiring-faq summary:after{content:"+"!important;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e3e3;border-radius:50%;color:#357080;background:transparent;font:400 18px/1 Inter,sans-serif;transition:background-color .2s ease,transform .2s ease}
#ita-recruitment #ita-hiring-faq details[open] summary:after{content:"−"!important;background:#f2c14e;transform:rotate(180deg)}
#ita-recruitment #ita-hiring-faq details p{max-width:720px;margin:0!important;padding:0 48px 26px 0!important;color:#435b63!important;font-size:16px;line-height:1.65;animation:ita-faq-reveal .28s ease both}
#ita-recruitment #ita-hiring-faq details p a{color:#357080;text-underline-offset:3px}
@keyframes ita-faq-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){#ita-recruitment #ita-hiring-faq .ita-faq-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:767px){#ita-recruitment #ita-hiring-details .ita-guided-eyebrow,#ita-recruitment #ita-hiring-faq .ita-faq-eyebrow{margin-bottom:18px;color:#886010}#ita-recruitment #ita-hiring-faq{padding-top:48px;padding-bottom:52px}#ita-recruitment #ita-hiring-faq .ita-faq-grid{gap:28px}#ita-recruitment #ita-hiring-faq h2{font-size:28px!important;line-height:1.25}#ita-recruitment #ita-hiring-faq summary{min-height:68px;font-size:17px!important;line-height:1.35!important}#ita-recruitment #ita-hiring-faq details p{padding:0 26px 22px 0!important;font-size:14px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){#ita-recruitment #ita-hiring-faq details p{animation:none}#ita-recruitment #ita-hiring-faq summary:after{transition:none}}

/* Use the same eyebrow typography as the adjacent Recruitment sections. */
#ita-recruitment #ita-hiring-details p.ita-guided-eyebrow{font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:2px!important;color:#886010!important;text-transform:uppercase!important;margin:0 0 22px!important}
html[lang^="zh"] #ita-recruitment #ita-hiring-details p.ita-guided-eyebrow{font-family:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;letter-spacing:1.54px!important;color:#357080!important}

/* The FAQ has a white surface inside rc-wrap; its contents need an inner gutter. */
#ita-recruitment #ita-hiring-faq{box-sizing:border-box;padding-left:40px!important;padding-right:40px!important}
@media(max-width:960px){#ita-recruitment #ita-hiring-faq{padding-left:30px!important;padding-right:30px!important}}
@media(max-width:767px){#ita-recruitment #ita-hiring-faq{padding-left:18px!important;padding-right:18px!important}}
