/* TALNT V59.12: scoped career hub + detail safety layer.
   Applied last AND server-inlined on /karir-tips routes so CDN or CSS cache
   cannot leave public articles unstyled. No global headers or SEO modifications. */
html body main.career26{display:block;width:100%;min-width:0;max-width:100%;overflow:clip;background:#f8fbff;color:#142c4d;padding:32px 0 86px;font-family:Nunito,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html body main.career26,html body main.career26 *{box-sizing:border-box}
html body main.career26>.career26-container.container{display:block;width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important;padding:0!important;margin:0 auto!important}
html body main.career26 img{display:block;max-width:100%;height:auto}
html body main.career26 a{text-decoration:none}
/* Career index: keep the hero compact and the image confined to the right */
html body .career26--hub .career26-uihero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-height:320px;margin:0 0 30px;background:linear-gradient(112deg,#edf5ff 0%,#f3f8ff 50%,#e3f1ff 100%);border:1px solid #e1ecfb;border-radius:24px;overflow:hidden;align-items:stretch;box-shadow:0 16px 36px rgba(15,60,121,.045)}
html body .career26--hub .career26-uihero__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px clamp(22px,4.1vw,56px);position:relative;z-index:1}
html body .career26--hub .career26-uihero__eyebrow{display:inline-block;margin:0 0 18px;color:#0768eb;font-size:12px;letter-spacing:.11em;line-height:1.2;font-weight:900}
html body .career26--hub .career26-uihero h1{max-width:620px!important;margin:0 0 19px;color:#082755;font-weight:850;font-size:clamp(32px,3.1vw,47px);line-height:1.15;letter-spacing:-.038em;overflow-wrap:break-word}
html body .career26--hub .career26-uihero p{max-width:560px;margin:0;font-size:16px;line-height:1.73;color:#58708f}
html body .career26--hub .career26-uihero__visual{position:relative;min-width:0;min-height:320px;max-height:430px;background:#deedfc;overflow:hidden}
html body .career26--hub .career26-uihero__visual img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:100%;object-fit:cover;object-position:60% 50%}
html body .career26--hub .career26-uihero__visual::before{position:absolute;content:"";left:0;right:auto;top:0;bottom:0;width:16%;background:linear-gradient(90deg,#eef5ff,transparent);z-index:1}
/* Listing controls, cards, and safe empty state */
html body .career26--hub .career26-toolbar{width:100%;margin-bottom:0;padding:0}
html body .career26--hub .career26-toolbar__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:15px}
html body .career26--hub .career26-search,html body .career26--hub .career26-select{min-width:0;min-height:50px;border-radius:13px;border:1px solid #dbe6f4;background:#fff}
html body .career26--hub .career26-search input,html body .career26--hub .career26-select select{width:100%;max-width:100%;height:50px;font-size:15px;background:transparent;min-width:0}
html body .career26--hub .career26-filter{gap:9px;padding:17px 0 22px}
html body .career26--hub .career26-toolbar__meta{padding-bottom:18px}
html body .career26--hub .career26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%}
html body .career26--hub .career26-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e0e9f5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 11px 26px rgba(13,43,82,.06)}
html body .career26--hub .career26-card__media{display:block;width:100%;aspect-ratio:1.72;background:#ebf2fa;overflow:hidden}
html body .career26--hub .career26-card__media img{width:100%;height:100%;object-fit:cover}
html body .career26--hub .career26-card__content{display:flex;flex-direction:column;gap:10px;padding:19px 20px 20px;flex:1}
html body .career26--hub .career26-card h3{font-size:19px;color:#092b59;line-height:1.34;font-weight:850;margin:0}
html body .career26--hub .career26-card p{color:#657895;font-size:14px;line-height:1.65}
html body .career26--hub .career26-topic{background:#e9f3ff;color:#075fd5;font-size:12px;font-weight:800;border-radius:999px;padding:6px 11px}
/* Article detail: match approved editorial mockup; never grow full screen */
html body main.career26-detail{background:linear-gradient(180deg,#fafcff 0%,#fff 38%,#fff 100%);padding-top:18px}
html body .career26-detail .career26-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;white-space:normal;overflow:visible;line-height:1.6;font-size:12px;color:#8293a9;margin:0 0 26px}
html body .career26-detail .career26-article{display:block;margin:0 auto;width:min(100%,1040px)}
html body .career26-detail .career26-article__head{display:block;margin:0 0 22px;text-align:left;max-width:1040px}
html body .career26-detail .career26-article__head .career26-topic{margin:0 0 17px;align-self:flex-start;border-radius:999px;background:#e7f1ff;padding:7px 14px;font-size:12px;color:#0768eb;font-weight:900}
html body .career26-detail .career26-article__head h1{max-width:1000px;margin:0 0 19px;color:#082755;font-family:Nunito,Inter,system-ui,sans-serif;font-size:clamp(34px,3.65vw,53px);line-height:1.14;letter-spacing:-.032em;font-weight:900;overflow-wrap:anywhere}
html body .career26-detail .career26-article__lead{max-width:940px;margin:0 0 21px;color:#526784;font-size:clamp(16px,1.25vw,18px);line-height:1.7}
html body .career26-detail .career26-article__meta{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;color:#667b98;font-size:13px;line-height:1.4}
html body .career26-detail .career26-article__cover{display:block;width:100%;max-width:1040px;height:auto;max-height:445px;aspect-ratio:2.35;margin:0 auto 36px;border:1px solid #e3ebf5;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(24,52,98,.09)}
html body .career26-detail .career26-article__cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
html body .career26-detail .career26-article__layout{display:block;width:100%;max-width:1040px;margin:0 auto}
html body .career26-detail .career26-article__reading{max-width:760px;margin:0 auto;min-width:0}
html body .career26-detail .career26-article__body{font-size:16px;line-height:1.85;color:#394c68;max-width:100%;overflow-wrap:anywhere}
html body .career26-detail .career26-article__aside{display:block;max-width:760px;margin:36px auto 0}
html body .career26-detail .career26-aside-card{position:static;top:auto;background:linear-gradient(105deg,#eaf3ff,#f5f9ff);border-radius:18px;padding:28px 30px;border:1px solid #d9e8fb}
html body .career26-detail .career26-aside-card h2{font-size:24px}
html body .career26-detail .career26-aside-card a{max-width:255px;width:auto;text-align:center}
html body .career26-detail .career26-related{max-width:1040px;margin:64px auto 0}
html body .career26-detail .career26-related .career26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
/* preserve real editor rich content in public article */
html body .career26-detail .career26-article__body img{max-width:100%;height:auto}
html body .career26-detail .career26-article__body table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:980px){
 html body .career26--hub .career26-uihero{grid-template-columns:1fr 42%}
 html body .career26--hub .career26-uihero h1{font-size:clamp(28px,4vw,40px)}
 html body .career26--hub .career26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body .career26-detail .career26-related .career26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 html body main.career26{padding:16px 0 54px}
 html body main.career26>.career26-container.container{width:calc(100% - 28px)!important;max-width:none!important}
 html body .career26--hub .career26-uihero{grid-template-columns:1fr;min-height:0;border-radius:17px}
 html body .career26--hub .career26-uihero__copy{padding:24px 20px 19px}
 html body .career26--hub .career26-uihero h1{font-size:clamp(27px,7vw,35px);margin-bottom:12px}
 html body .career26--hub .career26-uihero p{font-size:14px;line-height:1.65}
 html body .career26--hub .career26-uihero__visual{height:190px;min-height:190px;max-height:190px}
 html body .career26--hub .career26-uihero__visual::before{display:none}
 html body .career26--hub .career26-toolbar__row{grid-template-columns:1fr;gap:11px}
 html body .career26--hub .career26-grid{grid-template-columns:1fr;gap:16px}
 html body .career26--hub .career26-card h3{font-size:17px}
 html body .career26-detail .career26-breadcrumb{font-size:12px;margin-bottom:18px}
 html body .career26-detail .career26-article__head h1{font-size:clamp(29px,7.2vw,38px)}
 html body .career26-detail .career26-article__lead{font-size:15px}
 html body .career26-detail .career26-article__cover{aspect-ratio:1.72;max-height:300px;border-radius:13px;margin-bottom:25px}
 html body .career26-detail .career26-article__body{font-size:15px}
 html body .career26-detail .career26-article__aside{margin-top:25px}
 html body .career26-detail .career26-aside-card{padding:23px}
 html body .career26-detail .career26-related .career26-grid{grid-template-columns:1fr}
}