/* Theme Name: Jobnesia Theme URI: https://jobnesia.id Author: Jobnesia Description: Theme lowongan kerja Jobnesia, dirancang berdasarkan struktur dan visual frontend Jobnesia V3.9.39. Version: 0.9.41 Requires at least: 6.2 Requires PHP: 8.0 Text Domain: jobnesia */ :root{--site-primary:#1677ff;--site-secondary:#0b1220;--site-accent:#1677ff;--site-background:#fff;--site-bg:var(--site-background);--site-surface:#fff;--site-surface-2:#f7f9fc;--site-text:#101828;--site-muted:#667085;--site-border:#e5e7eb;--site-dark:#0b1220;--site-container:1180px;--site-content-width:820px;--site-radius:16px;--site-font-family:Inter,Arial,sans-serif;--site-heading-font:Inter,Arial,sans-serif;color-scheme:light} html[data-theme=dark]{--site-background:var(--site-dark-bg,#0b1220);--site-bg:var(--site-background);--site-surface:var(--site-dark-surface,#111a2b);--site-surface-2:color-mix(in srgb,var(--site-surface) 88%,#000);--site-text:var(--site-dark-text,#f8fafc);--site-muted:var(--site-dark-muted,#a7b0c0);--site-border:var(--site-dark-border,#263247);color-scheme:dark} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:var(--site-font-family),var(--font-inter),Inter,Arial,sans-serif;font-size:var(--site-base-font-size,15px);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--site-heading-weight,700);font-family:var(--site-heading-font),var(--site-font-family),var(--font-inter),Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(var(--site-container),calc(100% - 40px));margin-inline:auto}.siteContent{min-height:50vh}.siteHeader{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--site-bg) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--site-border)}.siteNav{min-height:var(--site-header-height,74px);display:flex;align-items:center;gap:28px;padding-left:var(--site-header-left-padding,0px);padding-right:var(--site-header-right-padding,0px)}.siteBrand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:-.025em;margin-left:var(--site-logo-left-margin,0px);margin-right:var(--site-logo-right-margin,0px);margin-top:var(--site-logo-top-margin,0px);margin-bottom:var(--site-logo-bottom-margin,0px);transform:translateY(var(--site-logo-top-offset,0px));padding-left:var(--site-logo-left-padding,0px);padding-right:var(--site-logo-right-padding,0px);padding-top:var(--site-logo-top-padding,0px);padding-bottom:var(--site-logo-bottom-padding,0px)}.siteNavLogoCenter .siteBrand{margin-left:auto;margin-right:auto}.siteLogo{display:block;width:var(--site-logo-width,150px);max-width:var(--site-logo-width,150px);height:auto;max-height:none;object-fit:contain}.siteLogoDark{display:none}.siteLogoLight{display:block}html[data-theme=dark] .siteLogoLight{display:none}html[data-theme=dark] .siteLogoDark{display:block}.siteBrandText{font-size:18px}.brandMark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--site-primary);color:#fff;font-weight:800}.desktopNav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.desktopNav a{font-size:14px;font-weight:600;color:var(--site-muted);transition:.2s}.desktopNav a:hover{color:var(--site-text)}.siteNavActions{display:flex;align-items:center;gap:8px}.iconButton,.themeToggle,.mobileMenu summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--site-border);border-radius:11px;background:var(--site-surface);color:var(--site-text);list-style:none}.themeToggle{font-size:18px}.themeToggle span{line-height:1}.iconButton:hover,.themeToggle:hover,.mobileMenu summary:hover{border-color:var(--site-primary)}.headerCta,.mobileMenuCta{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 17px;border-radius:11px;background:var(--site-primary);color:#fff;font-weight:700;font-size:13px;box-shadow:0 8px 22px color-mix(in srgb,var(--site-primary) 22%,transparent)}.headerCta svg,.mobileMenuCta svg{width:16px}.mobileMenu{display:none;position:relative}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenuPanel{position:absolute;right:0;top:48px;width:240px;padding:10px;border:1px solid var(--site-border);border-radius:14px;background:var(--site-surface);box-shadow:0 20px 50px rgba(0,0,0,.14);display:grid;gap:3px}.mobileMenuPanel a{padding:11px 12px;border-radius:9px;color:var(--site-text);font-weight:600}.mobileMenuPanel a:hover{background:var(--site-surface-2)}.mobileMenuPanel .mobileMenuCta{color:#fff;margin-top:6px}.globalFooter{margin-top:70px;background:var(--site-dark);color:var(--site-footer-text,#fff)}.footerGrid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:44px;padding:58px 0 46px}.footerBrand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.footerLogo{max-width:180px;max-height:42px;object-fit:contain}.footerIntro p{max-width:380px;margin:16px 0 0;color:#aab4c4;font-size:14px;line-height:1.7}.footerCol{display:flex;flex-direction:column;gap:10px}.footerCol h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#fff}.footerCol a{color:#aab4c4;font-size:13px}.footerCol a:hover{color:#fff}.footerBottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 24px;border-top:1px solid rgba(255,255,255,.1);color:#8f9bad;font-size:12px} /* homepage */ .hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f1f7ff 100%);border-bottom:1px solid var(--site-border)}html[data-theme=dark] .hero{background:radial-gradient(circle at 10% 0%,#17263f 0,#0f1727 38%,#0b1220 100%)}.heroInner{min-height:500px;padding:78px 0 70px;display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.heroCopy{max-width:640px}.eyebrow,.sectionKicker{display:inline-flex;align-items:center;gap:8px;color:var(--site-primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrowIcon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--site-primary) 12%,transparent)}.eyebrowIcon svg{width:14px}.heroCopy h1{margin:14px 0 18px;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em;font-weight:800;max-width:680px}.heroCopy p{max-width:610px;margin:0;color:var(--site-muted);font-size:17px;line-height:1.7}.heroTrust{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:var(--site-muted);font-size:12px;font-weight:600}.heroTrust span{display:flex;align-items:center;gap:8px}.heroTrust i{width:7px;height:7px;border-radius:50%;background:var(--site-primary)}.searchPanel{padding:25px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:0 24px 70px rgba(16,24,40,.11)}.searchPanelTitle span{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}.searchPanelTitle small{display:block;margin-top:4px;color:var(--site-muted)}.searchForm{display:grid;gap:10px;margin-top:19px}.searchField{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--site-border);border-radius:11px;background:var(--site-surface);color:var(--site-muted)}.searchField:focus-within{border-color:var(--site-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-primary) 12%,transparent)}.searchField svg{flex:0 0 auto}.searchField input,.searchField select{width:100%;border:0;outline:0;background:transparent;color:var(--site-text);min-width:0}.searchField select option{color:#101828}.searchForm button{height:52px;border:0;border-radius:11px;background:var(--site-primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.popular{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px;color:var(--site-muted);font-size:12px}.popular a{color:var(--site-primary);font-weight:700}.statsBar{background:var(--site-surface);border-bottom:1px solid var(--site-border)}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr)}.statsGrid>div{padding:25px 15px;text-align:center;border-right:1px solid var(--site-border)}.statsGrid>div:last-child{border-right:0}.statsGrid strong{display:block;font-size:27px;letter-spacing:-.04em}.statsGrid span{display:block;color:var(--site-muted);font-size:12px;margin-top:3px}.contentSection,.section,.categorySection,.locationSection{padding:78px 0}.sectionHeading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.sectionHeading h2{margin:8px 0 8px;font-size:34px;line-height:1.12;letter-spacing:-.04em}.sectionHeading p{margin:0;color:var(--site-muted)}.sectionLink{display:inline-flex;align-items:center;gap:8px;color:var(--site-primary);font-size:13px;font-weight:800;white-space:nowrap}.sectionLink svg{width:16px}.jobGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jobCard{display:block;min-width:0;padding:21px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);transition:.2s;box-shadow:var(--site-card-shadow)}.jobCard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--site-primary) 35%,var(--site-border));box-shadow:0 18px 45px rgba(16,24,40,.09)}.jobCardTop,.jobTop{display:flex;align-items:flex-start;gap:13px}.logoBox{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface-2);overflow:hidden;font-weight:800;color:var(--site-primary)}.logoBox.large{width:72px;height:72px;flex-basis:72px;border-radius:var(--site-radius)}.logoBox img{width:100%;height:100%;object-fit:contain}.jobCardBody,.jobMeta{min-width:0;flex:1}.companyLine,.company{color:var(--site-primary);font-size:12px;font-weight:700}.jobCard h3,.jobMeta h3{margin:4px 0 0;font-size:17px;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featuredBadge,.featured{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--site-primary) 11%,transparent);color:var(--site-primary);font-size:10px;font-weight:800;white-space:nowrap}.jobTags,.chips,.jobDetailChips{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.jobTags span,.chips span,.jobDetailChips span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;background:var(--site-surface-2);color:var(--site-muted);font-size:11px}.jobTags svg{width:13px}.jobCardBottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--site-border);color:var(--site-primary);font-size:12px;font-weight:800}.jobCardBottom svg{width:15px}.emptyState,.empty{display:flex;align-items:center;justify-content:center;gap:22px;padding:48px;border:1px dashed var(--site-border);border-radius:var(--site-radius);background:var(--site-surface-2)}.emptyVisual,.emptyIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--site-primary) 10%,transparent);color:var(--site-primary)}.emptyState h3,.empty h3{margin:4px 0;font-size:19px}.emptyState p,.empty p{margin:0;color:var(--site-muted)}.outlineButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;height:42px;padding:0 14px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);font-weight:700;font-size:13px}.categorySection{background:var(--site-surface-2)}.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.categoryCard{position:relative;padding:20px;border:1px solid var(--site-border);border-radius:15px;background:var(--site-surface);min-height:115px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.categoryCard:hover{border-color:var(--site-primary);transform:translateY(-2px)}.categoryNo{color:var(--site-muted);font-size:11px}.categoryCard strong{font-size:15px}.categoryArrow{align-self:flex-end;color:var(--site-primary)}.categoryArrow svg{width:16px}.locationSection{background:var(--site-background);color:var(--site-text)}.locationInner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.locationCopy h2{font-size:40px;line-height:1.08;letter-spacing:-.045em;margin:10px 0}.locationCopy p{max-width:500px;color:#aab4c4}.darkButton{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:12px 16px;border-radius:10px;background:#fff;color:#0b1220;font-weight:800;font-size:13px}.locationList{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.locationList a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#e7edf5;font-size:13px}.locationList a span{display:flex;align-items:center;gap:8px}.locationList svg{width:16px;color:#7eb0ff}.finalCta{padding:76px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.finalCta h2{margin:7px 0;font-size:34px;letter-spacing:-.04em}.finalCta p{margin:0;color:var(--site-muted)} /* listing */ .pageHero{position:relative;overflow:hidden;padding:22px 0 34px;background:var(--site-background);border-bottom:1px solid var(--site-border)}.pageHero::before{content:"";position:absolute;inset:0 0 auto;height:78px;background:linear-gradient(135deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 78%,#4f46e5));z-index:0}.pageHeroInner{position:relative;z-index:1;max-width:none;min-height:194px;padding:46px 48px 40px;border:1px solid color-mix(in srgb,var(--site-primary) 16%,var(--site-border));border-radius:16px;background:var(--site-surface);box-shadow:0 14px 38px rgba(16,24,40,.07)}.pageHero h1{max-width:900px;margin:9px 0 10px;font-size:46px;line-height:1.05;letter-spacing:-.05em}.pageHero p{max-width:860px;margin:0;color:var(--site-muted);font-size:16px}.pageCardsSection{padding-top:38px}.listingSearch{display:grid;grid-template-columns:1.5fr .8fr .8fr auto;gap:10px;margin-top:25px}.listingSearch input,.listingSearch select{height:50px;width:100%;padding:0 14px;border:1px solid var(--site-border);border-radius:10px;outline:0;background:var(--site-surface);color:var(--site-text)}.listingSearch input:focus,.listingSearch select:focus{border-color:var(--site-primary)}.listingSearch button{height:50px;border:0;border-radius:10px;padding:0 19px;background:var(--site-primary);color:#fff;font-weight:800}.pagination{display:flex;justify-content:center;gap:18px;align-items:center;padding-top:28px;color:var(--site-muted);font-size:13px}.pagination a{color:var(--site-primary);font-weight:700}.companyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.companyCard{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.companyCard h3{margin:0;font-size:16px}.companyCard p{margin:5px 0 0;color:var(--site-muted);font-size:12px}.companyCard>span:last-child{color:var(--site-primary)} /* job detail */ .jobDetailShell{padding:40px 0 80px}.jobBreadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--site-muted);font-size:12px;margin-bottom:18px}.jobBreadcrumb a{color:var(--site-primary);font-weight:700}.jobDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.jobDetailMain,.jobDetailAside{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.jobDetailMain{padding:32px}.jobDetailAside{padding:23px;position:sticky;top:95px;box-shadow:0 15px 45px rgba(16,24,40,.07)}.jobDetailTitle{margin:6px 0 0;font-size:var(--site-job-title-size,42px);line-height:1.06;letter-spacing:-.05em}.jobDetailSection{padding-top:30px;margin-top:30px;border-top:1px solid var(--site-border)}.jobDetailSection:first-of-type{margin-top:24px}.jobDetailSection h2{margin:0 0 13px;font-size:22px;letter-spacing:-.03em}.richText{color:var(--site-text);font-size:16px;line-height:1.8;white-space:normal}.richText p{margin:0 0 17px}.richText h2,.richText h3{color:var(--site-text);margin:24px 0 10px;line-height:1.25}.richText h2:first-child,.richText h3:first-child{margin-top:0}.richText ul,.richText ol{padding-left:24px;margin:10px 0 18px}.richText li{margin:5px 0}.richText strong{color:var(--site-text)}.richText a{color:var(--site-primary);text-decoration:underline}.jobDetailSection ul{color:var(--site-text);line-height:1.8;padding-left:24px;margin:10px 0}.jobDetailSection li{margin:5px 0}.applyTitle{margin:0;font-size:20px;font-weight:800}.applyMeta{color:var(--site-muted);font-size:13px;line-height:1.7}.applyButton,.disabledButton{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;margin-top:16px;font-weight:800;font-size:13px}.applyButton{background:var(--site-primary);color:#fff}.disabledButton{background:var(--site-surface-2);color:var(--site-muted);padding:10px;text-align:center}.jobAsideMeta{display:grid;gap:10px;margin:20px 0;padding:15px;border-radius:12px;background:var(--site-surface-2)}.jobAsideMeta div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.jobAsideMeta span:first-child{color:var(--site-muted)}.jobAsideMeta span:last-child{font-weight:700;text-align:right} /* posts */ .postGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.postCard{overflow:hidden;border:1px solid var(--site-card-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:var(--site-card-shadow)}.postCardImage{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:var(--site-surface-2);color:var(--site-primary);font-size:38px;font-weight:800;overflow:hidden}.postCardImage img{width:100%;height:100%;object-fit:cover}.postCardBody{padding:20px}.postCategory{display:inline-block;margin-bottom:8px;color:var(--site-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.postCard h3{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.025em}.postCardBody>p{margin:11px 0 16px;color:var(--site-muted);font-size:13px;line-height:1.7}.postMeta{display:flex;gap:10px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--site-border);color:var(--site-muted);font-size:11px}.postReadMore{display:inline-flex;gap:7px;margin-top:15px;color:var(--site-primary);font-size:12px;font-weight:800}.postArticleShell{padding:45px 0 80px}.postArticle{max-width:850px;margin:auto}.postArticleCategory{color:var(--site-primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.postArticle h1{margin:9px 0 0;font-size:clamp(36px,5vw,var(--site-post-title-size,58px));line-height:1.05;letter-spacing:-.055em}.postArticleExcerpt{margin:18px 0 0;color:var(--site-muted);font-size:18px;line-height:1.7}.postArticleMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;color:var(--site-muted);font-size:12px}.postFeaturedImage{margin:32px 0;overflow:hidden;border-radius:var(--site-radius);background:var(--site-surface-2)}.postFeaturedImage img{display:block;width:100%;height:auto}.postContent{color:var(--site-muted);font-size:17px;line-height:1.9}.postContent h2{margin:40px 0 12px;color:var(--site-text);font-size:29px;line-height:1.2}.postContent h3{margin:30px 0 10px;color:var(--site-text);font-size:22px}.postContent p{margin:0 0 20px}.postContent ul,.postContent ol{padding-left:24px}.postContent a{color:var(--site-primary);text-decoration:underline}.postTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px;padding-top:22px;border-top:1px solid var(--site-border)}.postTags span{padding:7px 10px;border-radius:999px;background:var(--site-surface-2);color:var(--site-muted);font-size:11px} @media(max-width:1000px){.desktopNav{gap:18px}.heroInner{grid-template-columns:1fr;gap:35px}.heroCopy{max-width:760px}.jobGrid,.postGrid{grid-template-columns:repeat(2,1fr)}.categoryGrid{grid-template-columns:repeat(2,1fr)}.companyGrid{grid-template-columns:repeat(2,1fr)}.jobDetailGrid{grid-template-columns:1fr}.jobDetailAside{position:static}.listingSearch{grid-template-columns:1fr 1fr}.listingSearch button{grid-column:1/-1}.footerGrid{grid-template-columns:1.5fr 1fr 1fr}} @media(max-width:900px){.container{width:min(var(--site-container),calc(100% - 30px))}.siteNav{min-height:var(--site-mobile-header-height,66px);gap:10px;padding-left:var(--site-mobile-left-padding,0px);padding-right:var(--site-mobile-right-padding,0px)}.siteLogo{width:var(--site-logo-mobile-width,140px);max-width:var(--site-logo-mobile-width,140px);max-height:none}.desktopNav,.headerCta{display:none}.mobileMenu{display:block}.siteNavActions{margin-left:auto}.heroInner{padding:52px 0}.heroCopy h1{font-size:42px}.heroCopy p{font-size:15px}.statsGrid{grid-template-columns:repeat(2,1fr)}.statsGrid>div{border-bottom:1px solid var(--site-border);border-right:1px solid var(--site-border)}.statsGrid>div:nth-child(2n){border-right:0}.statsGrid>div:nth-last-child(-n+2){border-bottom:0}.contentSection,.section,.categorySection,.locationSection{padding:58px 0}.sectionHeading{display:block}.sectionLink{margin-top:12px}.jobGrid,.postGrid,.companyGrid{grid-template-columns:1fr}.categoryGrid{grid-template-columns:1fr 1fr}.locationInner{grid-template-columns:1fr;gap:35px}.locationCopy h2{font-size:34px}.locationList{grid-template-columns:1fr}.finalCta{display:block;padding:58px 0}.finalCta .darkButton{margin-top:20px}.pageHero{padding:50px 0 35px}.pageHero h1{font-size:38px}.listingSearch{grid-template-columns:1fr}.listingSearch button{grid-column:auto}.jobDetailMain{padding:23px}.jobDetailTitle{font-size:34px}.footerGrid{grid-template-columns:1fr 1fr;gap:30px}.footerBottom{display:block}.footerBottom span{display:block;margin-top:5px}} @media(max-width:480px){.searchButton{display:grid}.heroCopy h1{font-size:37px}.searchPanel{padding:18px}.categoryGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.postArticleShell{padding-top:28px}.postContent{font-size:16px}.postArticle h1{font-size:36px}} .quickSection{border-bottom:1px solid var(--site-border);background:var(--site-surface)}.quickInner{min-height:58px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quickInner>span{margin-right:5px;color:var(--site-muted);font-size:12px;font-weight:700}.quickInner a{padding:7px 11px;border:1px solid var(--site-border);border-radius:999px;color:var(--site-muted);font-size:11px;font-weight:700}.quickInner a:hover{color:var(--site-primary);border-color:var(--site-primary);background:color-mix(in srgb,var(--site-primary) 5%,transparent)} .jobHeroIdentity{display:flex;align-items:flex-start;gap:18px}.jobHeroIdentity .jobDetailChips{margin-top:15px} .postArticleHeader{margin-bottom:28px}.postArticleHeader h1{margin:9px 0 0}.postArticleHeader .postArticleExcerpt{max-width:760px}.postArticleHeader .postArticleMeta{align-items:center} /* company/location detail */ .companyDetail{padding:54px 0 80px}.detailMain{max-width:980px;margin:0 auto}.detailHeader{display:flex;align-items:center;gap:18px;padding:28px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.detailHeader h1{margin:5px 0 0;font-size:38px;line-height:1.1;letter-spacing:-.04em}.detailHeader a{display:inline-block;margin-top:8px;color:var(--site-primary);font-size:13px;font-weight:700}.content{margin-top:20px;padding:30px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.content h2{margin:0 0 12px;font-size:23px}.content h2:not(:first-child){margin-top:34px}.content>p{margin:0;color:var(--site-muted);line-height:1.8}.jobGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.jobGrid.compact .jobCard{padding:18px}.categoryGrid .categoryNo+strong{margin-top:8px} @media(max-width:720px){.detailHeader{align-items:flex-start;padding:21px}.detailHeader h1{font-size:30px}.content{padding:22px}.jobGrid.compact{grid-template-columns:1fr}} .postPagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px;padding-top:22px;border-top:1px solid var(--site-border);flex-wrap:wrap}.pageNumbers{display:flex;align-items:center;gap:6px}.pageNumbers a,.pageNumbers span,.pageNav{min-width:36px;height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--site-border);border-radius:9px;background:var(--site-surface);color:var(--site-text);font-size:12px;font-weight:700}.pageNumbers .active{background:var(--site-primary);border-color:var(--site-primary);color:#fff}.pageNav{border-color:transparent;background:transparent;color:var(--site-primary)}.pageNav.disabled{color:var(--site-muted);opacity:.5}.postTags a{padding:7px 10px;border-radius:999px;background:var(--site-surface-2);color:var(--site-muted);font-size:11px}.postTags a:hover{color:var(--site-primary)} .postTaxonomy{display:grid;gap:10px;margin:0 0 28px;padding:16px 18px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.postTaxonomy>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.postTaxonomy strong{font-size:11px;margin-right:4px;color:var(--site-text)}.postTaxonomy a{padding:6px 9px;border:1px solid var(--site-border);border-radius:999px;color:var(--site-muted);font-size:11px}.postTaxonomy a:hover{color:var(--site-primary);border-color:var(--site-primary)} /* Dark mode hardening */ html[data-theme=dark] input, html[data-theme=dark] select, html[data-theme=dark] textarea { color-scheme: dark; } html[data-theme=dark] .searchField select option, html[data-theme=dark] .listingSearch select option { background: var(--site-surface); color: var(--site-text); } html[data-theme=dark] .darkButton { background: var(--site-surface); color: var(--site-text); border: 1px solid var(--site-border); } html[data-theme=dark] .siteHeader { background: color-mix(in srgb, var(--site-bg) 94%, transparent); } html[data-theme=dark] .searchPanel, html[data-theme=dark] .jobCard, html[data-theme=dark] .companyCard, html[data-theme=dark] .categoryCard, html[data-theme=dark] .postCard, html[data-theme=dark] .content, html[data-theme=dark] .detailHeader, html[data-theme=dark] .jobDetailMain, html[data-theme=dark] .jobDetailAside, html[data-theme=dark] .postTaxonomy, html[data-theme=dark] .pageNumbers a, html[data-theme=dark] .pageNumbers span, html[data-theme=dark] .pageNav { background-color: var(--site-surface); color: var(--site-text); } html[data-theme=dark] .pageHero, html[data-theme=dark] .categorySection { background-color: var(--site-surface-2); } html[data-theme=dark] .emptyState, html[data-theme=dark] .empty, html[data-theme=dark] .logoBox, html[data-theme=dark] .jobAsideMeta, html[data-theme=dark] .postTags span { background-color: var(--site-surface-2); } /* Post single / related articles */ .postDetailSection{padding:34px 0 80px} .postDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start} .postDetailMain,.relatedBox{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:var(--site-card-shadow)} .postDetailMain{padding:34px;min-width:0} .postDetailHeader{padding-bottom:24px;border-bottom:1px solid var(--site-border)} .postDetailHeader h1{margin:8px 0 0;font-size:clamp(36px,4.8vw,var(--site-post-title-size,58px));line-height:1.06;letter-spacing:-.055em;color:var(--site-text)} .postDetailHeader .postArticleExcerpt{max-width:800px} .postDetailMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:var(--site-muted);font-size:12px} .postDetailMeta strong{color:var(--site-text)} .postReadingTime{display:inline-flex;align-items:center;gap:5px} .postReadingTime svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .postDetailAside{position:sticky;top:95px} .relatedBox{padding:23px} .relatedBox h2{margin:7px 0 18px;font-size:22px;letter-spacing:-.03em;color:var(--site-text)} .relatedPostList{display:grid;gap:12px} .relatedPostCard{display:grid;grid-template-columns:76px minmax(0,1fr);gap:11px;padding:10px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface-2);transition:.2s} .relatedPostCard:hover{border-color:color-mix(in srgb,var(--site-primary) 35%,var(--site-border));transform:translateY(-1px)} .relatedPostCard img,.relatedPostThumb{width:76px;height:58px;border-radius:9px;object-fit:cover;background:var(--site-surface);display:grid;place-items:center;color:var(--site-primary);font-weight:800} .relatedPostCard strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.35;color:var(--site-text)} .relatedPostCard small{display:block;margin-top:5px;color:var(--site-muted);font-size:10px} .relatedMore{display:flex;justify-content:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--site-border);color:var(--site-primary);font-size:12px;font-weight:800} .postTaxonomyBottom{margin-top:34px;margin-bottom:0} /* Strong dark-mode surface/text mapping. CMS dark values remain independent from light values. */ html[data-theme=dark]{color-scheme:dark} html[data-theme=dark] body{background:var(--site-dark-bg,#0b1220);color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .heroCopy h1, html[data-theme=dark] .sectionHeading h2, html[data-theme=dark] .pageHero h1, html[data-theme=dark] .pageHero p, html[data-theme=dark] .sectionHeading, html[data-theme=dark] .categorySection h2, html[data-theme=dark] .locationCopy h2, html[data-theme=dark] .locationCopy p, html[data-theme=dark] .postDetailHeader h1, html[data-theme=dark] .postDetailMeta strong, html[data-theme=dark] .relatedBox h2, html[data-theme=dark] .postContent h2, html[data-theme=dark] .postContent h3, html[data-theme=dark] .postArticle h1{color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .heroCopy p, html[data-theme=dark] .heroTrust, html[data-theme=dark] .sectionHeading p, html[data-theme=dark] .postArticleExcerpt, html[data-theme=dark] .postArticleMeta, html[data-theme=dark] .postContent, html[data-theme=dark] .postDetailMeta{color:var(--site-dark-muted,#aab4c4)} html[data-theme=dark] .searchPanel, html[data-theme=dark] .jobCard, html[data-theme=dark] .companyCard, html[data-theme=dark] .categoryCard, html[data-theme=dark] .postCard, html[data-theme=dark] .content, html[data-theme=dark] .detailHeader, html[data-theme=dark] .jobDetailMain, html[data-theme=dark] .jobDetailAside, html[data-theme=dark] .postTaxonomy, html[data-theme=dark] .postDetailMain, html[data-theme=dark] .relatedBox, html[data-theme=dark] .relatedPostCard, html[data-theme=dark] .pageNumbers a, html[data-theme=dark] .pageNumbers span{background:var(--site-dark-surface,#111a2b);color:var(--site-dark-text,#f5f7fa);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .searchField, html[data-theme=dark] .jobTags span, html[data-theme=dark] .chips span, html[data-theme=dark] .jobDetailChips span, html[data-theme=dark] .logoBox, html[data-theme=dark] .jobAsideMeta, html[data-theme=dark] .postTags a, html[data-theme=dark] .postTags span, html[data-theme=dark] .relatedPostThumb{background:color-mix(in srgb,var(--site-dark-surface,#111a2b) 86%,#000);color:var(--site-dark-muted,#aab4c4);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .statsBar, html[data-theme=dark] .quickSection{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .statsGrid>div{border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .statsGrid strong{color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .statsGrid span, html[data-theme=dark] .quickInner>span, html[data-theme=dark] .quickInner a{color:var(--site-dark-muted,#aab4c4)} html[data-theme=dark] .quickInner a{border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .pageHero, html[data-theme=dark] .categorySection{background:var(--site-dark-bg,#0b1220)} html[data-theme=dark] .siteHeader{background:color-mix(in srgb,var(--site-dark-bg,#0b1220) 94%,transparent);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .siteBrandText, html[data-theme=dark] .desktopNav a:hover, html[data-theme=dark] .mobileMenuPanel a{color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .mobileMenuPanel{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .postFeaturedImage{background:var(--site-dark-surface,#111a2b)} html[data-theme=dark] .postContent blockquote{background:var(--site-dark-surface,#111a2b);border-color:var(--site-primary);color:var(--site-dark-muted,#aab4c4)} html[data-theme=dark] .postContent code, html[data-theme=dark] .postContent pre{background:var(--site-dark-surface,#111a2b);color:var(--site-dark-text,#f5f7fa);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .postContent table{border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .postContent th, html[data-theme=dark] .postContent td{border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .postContent th{background:var(--site-dark-surface,#111a2b);color:var(--site-dark-text,#f5f7fa)} @media(max-width:1000px){.postDetailGrid{grid-template-columns:1fr}.postDetailAside{position:static}.relatedPostList{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.postDetailSection{padding-top:24px}.postDetailMain{padding:23px}.postDetailHeader h1{font-size:34px}.relatedPostList{grid-template-columns:1fr}.postDetailAside{margin-top:0}} @media(max-width:480px){.postDetailMain{padding:18px}.postDetailHeader h1{font-size:32px}.postDetailSection .jobBreadcrumb{font-size:11px}} /* V3.6 visual refinement: course-style category/location panels + professional job UI */ .explorePanelSection{padding:64px 0;background:var(--site-background)} .explorePanelSection+.explorePanelSection{padding-top:8px} .explorePanel{border:1px solid color-mix(in srgb,var(--site-primary) 18%,var(--site-border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 4%,var(--site-surface)),var(--site-surface));padding:32px;box-shadow:0 10px 30px rgba(16,24,40,.03)} .explorePanelHead{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px} .explorePanelHead h2{margin:12px 0 6px;font-size:30px;line-height:1.12;letter-spacing:-.04em} .explorePanelHead p{margin:0;max-width:700px;color:var(--site-muted);font-size:15px} .explorePill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--site-primary) 20%,var(--site-border));border-radius:999px;color:var(--site-primary);background:color-mix(in srgb,var(--site-primary) 5%,var(--site-surface));font-size:12px;font-weight:800} .exploreCta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:9px;background:var(--site-primary);color:#fff;font-size:12px;font-weight:800;white-space:nowrap} .exploreCta svg{width:15px} .exploreGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .exploreCard{min-height:106px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid color-mix(in srgb,var(--site-primary) 14%,var(--site-border));border-radius:11px;background:var(--site-surface);box-shadow:0 2px 8px rgba(16,24,40,.025);transition:.2s} .exploreCard:hover{border-color:color-mix(in srgb,var(--site-primary) 45%,var(--site-border));transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.06)} .exploreIcon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--site-primary) 8%,var(--site-surface-2));color:var(--site-primary);font-size:21px} .exploreIcon svg{width:19px} .exploreCardText{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px} .exploreCardText strong{font-size:14px;line-height:1.3} .exploreCardText small{color:var(--site-muted);font-size:12px;line-height:1.55} .exploreCard>svg{width:17px;color:var(--site-muted);flex:0 0 auto} .locationExploreSection{padding-top:8px;padding-bottom:72px} .jobCardPro{padding:22px} .jobCardProHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start} .jobCardProHead h3{margin:0;font-size:19px;line-height:1.28;letter-spacing:-.025em} .companyLinePro{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--site-primary);font-size:13px} .companyLinePro svg{width:15px} .jobCardPro .jobTags{margin-top:19px} .jobCardPro .jobCardBottom{margin-top:19px} .jobDetailMainPro{padding:0;overflow:hidden} .jobProHeader{padding:34px 34px 28px} .jobProTitleRow{display:flex;justify-content:space-between;align-items:flex-start;gap:22px} .jobProTitleRow .jobDetailTitle{margin:0;max-width:800px;font-size:var(--site-job-title-size,44px);line-height:1.08;letter-spacing:-.05em} .jobProCompany{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;color:var(--site-muted);font-size:14px} .jobProCompany a{color:var(--site-primary);font-weight:700} .jobProCompanyIcon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--site-primary) 10%,var(--site-surface-2));color:var(--site-primary);align-self:center} .jobProCompanyIcon svg{width:19px;height:19px;display:block}.jobProCompanyLogo{width:32px;height:32px;flex:0 0 32px;display:block;object-fit:contain;border-radius:8px;border:1px solid var(--site-border);background:var(--site-surface);padding:3px;box-sizing:border-box} .jobProCompany a{display:inline-flex;align-items:center;min-height:32px} .jobProDot{color:var(--site-border)} .jobProActions{display:flex;gap:8px;flex:0 0 auto} .jobProActions button,.jobProActions .jobShareButton{width:42px;height:42px;border:1px solid var(--site-border);border-radius:9px;background:var(--site-surface);color:var(--site-text);font-size:19px} .jobProActions button:hover,.jobProActions .jobShareButton:hover{border-color:var(--site-primary);color:var(--site-primary)} .jobProActions .jobShareButton{display:grid;place-items:center;padding:0;cursor:pointer} .jobProActions .jobShareButton svg{width:19px;height:19px;display:block} .jobProMetaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 35px;margin-top:34px;padding-top:25px;border-top:1px solid var(--site-border)} .jobProMeta{display:flex;gap:12px;align-items:center} .jobProMetaIcon{width:24px;flex:0 0 24px;color:var(--site-primary);display:grid;place-items:center;font-size:18px} .jobProMetaIcon svg{width:21px;height:21px} .jobProMeta div{display:flex;flex-direction:column;gap:2px;min-width:0} .jobProMeta strong{font-size:14px;line-height:1.25} .jobProMeta div>span{font-size:15px;color:var(--site-text);line-height:1.5}.jobProMeta div>a{font-size:15px;color:var(--site-primary);line-height:1.5;text-decoration:none}.jobProMeta div>a:hover{text-decoration:underline;text-underline-offset:3px} .jobDetailMainPro>.jobDetailSection{padding-left:34px;padding-right:34px} .jobDetailAsidePro{padding:25px;box-shadow:0 12px 35px rgba(16,24,40,.08)} .applyCardHead{display:flex;align-items:center;justify-content:space-between;gap:10px} .applyCardHead .eyebrow{margin:0} .applyStatus{display:inline-flex;align-items:center;gap:6px;color:#198754;font-size:11px;font-weight:800} .applyStatus i{width:7px;height:7px;border-radius:50%;background:#22c55e} .jobDetailAsidePro .applyTitle{margin:17px 0 8px;font-size:21px;letter-spacing:-.025em} .jobDetailAsidePro .applyMeta{margin:0 0 18px} .applySalary{display:flex;flex-direction:column;gap:4px;padding:15px;border-radius:11px;background:var(--site-surface-2);border:1px solid var(--site-border);margin-bottom:13px} .applySalary span{font-size:11px;color:var(--site-muted)} .applySalary strong{font-size:14px} .applyFacts{display:grid;gap:9px;padding:4px 0 5px} .applyFacts div{display:flex;align-items:center;gap:9px;color:var(--site-muted);font-size:12px} .applyFacts svg{width:15px;color:var(--site-primary)} .jobDetailAsidePro .applyButton{width:100%;min-height:50px;margin-top:14px} .jobDetailAsidePro .secondaryButton{width:100%;margin-top:10px} .jobContextLinks{margin-top:16px;padding-top:16px;border-top:1px solid var(--site-border);} .jobContextLinks>strong{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;color:var(--site-muted);} .jobContextLinks>div{display:flex;flex-direction:column;gap:7px;} .jobContextLinks a{font-size:13px;line-height:1.45;color:var(--site-primary);text-decoration:none;font-weight:600;} .jobContextLinks a:hover{text-decoration:underline;} .applyNote{margin-top:15px;padding-top:14px;border-top:1px solid var(--site-border);font-size:11px;line-height:1.6;color:var(--site-muted)} html[data-theme=dark] .explorePanel{background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 7%,var(--site-surface)),var(--site-surface));box-shadow:none} html[data-theme=dark] .exploreCard{box-shadow:none;background:var(--site-surface)} html[data-theme=dark] .exploreIcon{background:color-mix(in srgb,var(--site-primary) 12%,var(--site-surface))} html[data-theme=dark] .jobProActions button{background:var(--site-surface)} html[data-theme=dark] .jobDetailAsidePro{box-shadow:none} @media(max-width:1000px){.exploreGrid{grid-template-columns:repeat(2,1fr)}.explorePanelHead{align-items:flex-start}.jobProMetaGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:720px){.explorePanelSection{padding:45px 0}.explorePanel{padding:22px;border-radius:15px}.explorePanelHead{display:block}.explorePanelHead h2{font-size:25px}.exploreCta{margin-top:17px}.exploreGrid{grid-template-columns:1fr}.exploreCard{min-height:88px}.locationExploreSection{padding-top:5px;padding-bottom:48px}.jobProHeader{padding:23px}.jobProTitleRow{display:block}.jobProTitleRow .jobDetailTitle{font-size:clamp(30px,8vw,var(--site-job-title-size,34px))}.jobProActions{margin-top:16px}.jobProMetaGrid{grid-template-columns:1fr;gap:18px;margin-top:25px;padding-top:21px}.jobDetailMainPro>.jobDetailSection{padding-left:23px;padding-right:23px}.jobDetailAsidePro{padding:21px}} /* V3.7 jobs listing refinement */ .jobsSearchHero{position:relative;background:var(--site-background);border-bottom:1px solid var(--site-border);padding-bottom:28px} .jobsSearchHeroBand{height:76px;background:linear-gradient(135deg,var(--site-primary),color-mix(in srgb,var(--site-primary) 78%,#4f46e5));position:absolute;inset:0 0 auto} .jobsSearchWrap{position:relative;padding-top:22px} .jobsSearchPanel{background:var(--site-surface);border:1px solid color-mix(in srgb,var(--site-primary) 14%,var(--site-border));border-radius:16px;padding:22px 24px 24px;box-shadow:0 16px 45px rgba(16,24,40,.09)} .jobsSearchForm{display:grid;grid-template-columns:minmax(300px,1.65fr) minmax(190px,.8fr) minmax(190px,.8fr) auto minmax(150px,.72fr);gap:14px;align-items:end} .jobsSearchField{display:flex;flex-direction:column;gap:7px;min-width:0} .jobsSearchField>span{font-size:12px;font-weight:700;color:var(--site-text)} .jobsSearchField input,.jobsSearchField select{height:42px;width:100%;border:1px solid var(--site-border);border-radius:9px;padding:0 12px;background:var(--site-surface);color:var(--site-text);outline:0} .jobsSearchField input::placeholder{color:var(--site-muted)} .jobsSearchField input:focus,.jobsSearchField select:focus{border-color:var(--site-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-primary) 12%,transparent)} .jobsResetButton,.jobsSearchButton{height:42px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;font-size:13px;font-weight:800;white-space:nowrap} .jobsResetButton{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text)} .jobsResetButton:hover{border-color:var(--site-primary);color:var(--site-primary)} .jobsSearchButton{border:0;background:var(--site-primary);color:#fff !important;box-shadow:0 7px 18px color-mix(in srgb,var(--site-primary) 22%,transparent)} .jobsSearchButton:hover{filter:brightness(.96)} .jobCardPro .jobCardProHead{align-items:flex-start} .jobCardPro .companyLinePro{min-height:20px;display:flex;align-items:center;line-height:1.35} .jobCardPro .companyLinePro svg{width:15px;height:15px;flex:0 0 15px;display:block} .jobCardPro .jobTags{align-items:center} .jobCardPro .jobTags span{min-height:30px;line-height:1.2;vertical-align:middle} .jobCardPro .jobTags span svg{flex:0 0 13px;display:block} html[data-theme=dark] .jobsSearchHero{background:var(--site-dark-bg,#0b1220);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .jobsSearchHeroBand{background:linear-gradient(135deg,#1677ff,#2563eb)} html[data-theme=dark] .jobsSearchPanel{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);box-shadow:none} html[data-theme=dark] .jobsSearchField>span{color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .jobsSearchField input,html[data-theme=dark] .jobsSearchField select{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .jobsSearchField select option{background:var(--site-dark-surface,#111a2b);color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .jobsResetButton{background:transparent;color:var(--site-dark-text,#f5f7fa);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .jobsSearchButton{background:#159cf0;color:#fff !important} @media(max-width:1000px){.jobsSearchForm{grid-template-columns:1fr 1fr}.jobsSearchKeyword{grid-column:1/-1}.jobsSearchButton{grid-column:2}.jobsResetButton{grid-column:1}} @media(max-width:720px){.jobsSearchHero{padding-bottom:28px}.jobsSearchHeroBand{height:62px}.jobsSearchWrap{padding-top:16px}.jobsSearchPanel{padding:18px}.jobsSearchForm{grid-template-columns:1fr}.jobsSearchKeyword{grid-column:auto}.jobsResetButton,.jobsSearchButton{grid-column:auto;width:100%}} /* V3.8 jobs listing + save/copy action */ .jobsResultsSection{padding-top:58px} .jobsResultsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:26px} .jobsResultsHead h2{margin:8px 0 7px;font-size:34px;line-height:1.1;letter-spacing:-.04em} .jobsResultsHead p{margin:0;color:var(--site-muted)} .jobsResultsNote{max-width:390px;color:var(--site-muted);font-size:13px;text-align:right;line-height:1.6} .jobGridPro{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .jobListCardPro{display:block;min-width:0;padding:22px;border:1px solid var(--site-border);border-radius:16px;background:var(--site-surface);box-shadow:0 8px 28px rgba(16,24,40,.055);transition:transform .2s,border-color .2s,box-shadow .2s} .jobListCardPro:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--site-primary) 34%,var(--site-border));box-shadow:0 18px 42px rgba(16,24,40,.10)} .jobListTop{display:flex;align-items:flex-start;gap:13px;min-width:0} .jobListLogo{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface-2);display:grid;place-items:center;overflow:hidden;color:var(--site-primary);font-weight:800} .jobListLogo img{width:100%;height:100%;object-fit:contain} .jobListIdentity{min-width:0;flex:1} .jobListIdentity h3{margin:1px 0 7px;font-size:19px;line-height:1.28;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .jobListCompany{display:flex;align-items:center;gap:7px;color:var(--site-primary);font-size:12px;font-weight:750;line-height:1.35;min-height:18px} .jobListCompany svg{width:15px;height:15px;flex:0 0 15px;display:block} .jobListInfo{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:19px} .jobListInfo span{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:var(--site-surface-2);color:var(--site-muted);font-size:11px;line-height:1.2} .jobListInfo svg{width:13px;height:13px;flex:0 0 13px;display:block} .jobListInfo .jobSalaryPill{color:var(--site-text);font-weight:650} .jobListBottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--site-border);color:var(--site-primary);font-size:12px;font-weight:800} .jobListBottom svg{width:15px;height:15px} .jobProActions{position:relative} .jobProActions .jobLikeButton,.jobProActions .jobSaveButton{width:42px;height:42px;border:1px solid var(--site-border);border-radius:9px;background:var(--site-surface);color:var(--site-text);display:grid;place-items:center;font-size:20px;padding:0} .jobProActions .jobLikeButton:hover,.jobProActions .jobSaveButton:hover,.jobProActions .jobSaveButton.isSaved{border-color:var(--site-primary);color:var(--site-primary)} .jobSaveButton svg{display:block} .saveJobToast{position:fixed;right:24px;bottom:24px;z-index:300;max-width:390px;padding:13px 16px;border:1px solid var(--site-border);border-radius:11px;background:var(--site-surface);color:var(--site-text);box-shadow:0 18px 50px rgba(0,0,0,.18);font-size:13px;font-weight:650;line-height:1.45} html[data-theme=dark] .jobListCardPro{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);box-shadow:none} html[data-theme=dark] .jobListLogo,html[data-theme=dark] .jobListInfo span{background:color-mix(in srgb,var(--site-dark-surface,#111a2b) 82%,#000);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .jobListInfo .jobSalaryPill{color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .jobsResultsNote{color:var(--site-dark-muted,#a7b0c0)} html[data-theme=dark] .saveJobToast{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);color:var(--site-dark-text,#f5f7fa)} html[data-theme=dark] .jobProActions .jobLikeButton,html[data-theme=dark] .jobProActions .jobSaveButton{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);color:var(--site-dark-text,#f5f7fa)} @media(max-width:1000px){.jobGridPro{grid-template-columns:repeat(2,minmax(0,1fr))}.jobsResultsHead{align-items:flex-start}.jobsResultsNote{text-align:left}} @media(max-width:720px){.jobsResultsSection{padding-top:42px}.jobsResultsHead{display:block}.jobsResultsHead h2{font-size:29px}.jobsResultsNote{margin-top:10px}.jobGridPro{grid-template-columns:1fr}.jobListCardPro{padding:19px}.saveJobToast{left:16px;right:16px;bottom:16px;max-width:none}} /* V3.9.25 dark-mode refinement: keep single job content and post related cards readable. */ html[data-theme=dark] .jobDetailMainPro, html[data-theme=dark] .jobDetailMainPro .jobDetailSection, html[data-theme=dark] .jobDetailMainPro .jobDetailSection h2, html[data-theme=dark] .jobDetailMainPro .richText, html[data-theme=dark] .jobDetailMainPro .richText p, html[data-theme=dark] .jobDetailMainPro .richText li, html[data-theme=dark] .jobDetailMainPro .richText strong, html[data-theme=dark] .jobDetailMainPro .richText h2, html[data-theme=dark] .jobDetailMainPro .richText h3, html[data-theme=dark] .jobDetailMainPro .jobProMeta strong, html[data-theme=dark] .jobDetailMainPro .jobProMeta div>span, html[data-theme=dark] .jobDetailMainPro .jobProTitleRow .jobDetailTitle, html[data-theme=dark] .jobDetailAsidePro, html[data-theme=dark] .jobDetailAsidePro .applyTitle, html[data-theme=dark] .jobDetailAsidePro .applyMeta, html[data-theme=dark] .jobDetailAsidePro .applyFacts div, html[data-theme=dark] .jobDetailAsidePro .applySalary strong { color:var(--site-dark-text,#f5f7fa); } html[data-theme=dark] .jobDetailMainPro .jobProCompany, html[data-theme=dark] .jobDetailMainPro .jobProCompany .jobProDot, html[data-theme=dark] .jobDetailMainPro .jobProCompany span, html[data-theme=dark] .jobDetailAsidePro .applyMeta, html[data-theme=dark] .jobDetailAsidePro .applyFacts div, html[data-theme=dark] .jobDetailAsidePro .jobContextLinks>strong, html[data-theme=dark] .jobDetailAsidePro .applyNote { color:var(--site-dark-muted,#aab4c4); } html[data-theme=dark] .jobDetailMainPro .jobDetailSection, html[data-theme=dark] .jobDetailMainPro .jobProMetaGrid, html[data-theme=dark] .jobDetailAsidePro .jobContextLinks, html[data-theme=dark] .jobDetailAsidePro .applyNote { border-color:var(--site-dark-border,#263247); } html[data-theme=dark] .jobDetailAsidePro .applySalary { background:color-mix(in srgb,var(--site-dark-surface,#111a2b) 88%,#000); border-color:var(--site-dark-border,#263247); } html[data-theme=dark] .relatedPostCard strong { color:var(--site-dark-text,#f5f7fa); } html[data-theme=dark] .relatedPostCard small { color:var(--site-dark-muted,#aab4c4); } html[data-theme=dark] .relatedMore { color:var(--site-primary); border-color:var(--site-dark-border,#263247); } html[data-theme=dark] .relatedPostThumb { color:var(--site-primary); background:color-mix(in srgb,var(--site-dark-surface,#111a2b) 86%,#000); } /* V3.9 visual alignment + dark-mode hardening */ .jobGrid.jobGridPro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .jobListCardPro{height:100%} .jobListTop{align-items:center} .jobListIdentity h3{margin:0 0 6px} .jobListCompany{min-height:20px} .jobListInfo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:18px} .jobListInfo span{width:100%;min-width:0;justify-content:flex-start;white-space:normal} .jobListInfo span svg{margin-top:0;align-self:center} .jobListBottom{min-height:31px} .jobDetailAsidePro .secondaryButton{color:var(--site-text)} html[data-theme=dark] .jobDetailAsidePro .secondaryButton{background:var(--site-surface);color:var(--site-text)!important;border-color:var(--site-border)} html[data-theme=dark] .jobDetailAsidePro .secondaryButton:hover{border-color:var(--site-primary);color:var(--site-primary)!important} /* Force homepage explore blocks to use the dark surface; no white panels in dark mode. */ html[data-theme=dark] .explorePanelSection{background:#0b1220!important;color:#f8fafc!important} html[data-theme=dark] .explorePanelSection .explorePanel{background:#111a2b!important;border-color:#263247!important;color:#f8fafc!important;box-shadow:none!important} html[data-theme=dark] .explorePanelSection .explorePanelHead h2, html[data-theme=dark] .explorePanelSection .exploreCardText strong{color:#f8fafc!important} html[data-theme=dark] .explorePanelSection .explorePanelHead p, html[data-theme=dark] .explorePanelSection .exploreCardText small{color:#a7b0c0!important} html[data-theme=dark] .explorePanelSection .exploreCard{background:#111a2b!important;border-color:#263247!important;color:#f8fafc!important} html[data-theme=dark] .explorePanelSection .exploreCard:hover{border-color:var(--site-primary)!important} html[data-theme=dark] .explorePanelSection .exploreIcon{background:#17233a!important;color:#33a8ff!important} html[data-theme=dark] .explorePanelSection .exploreCard>svg{color:#a7b0c0!important} html[data-theme=dark] .explorePanelSection .exploreCta{background:#159cf0!important;color:#fff!important} @media(max-width:1000px){.jobGrid.jobGridPro{grid-template-columns:repeat(2,minmax(0,1fr))}.jobListInfo{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.jobGrid.jobGridPro{grid-template-columns:1fr}.jobListTop{align-items:flex-start}.jobListInfo{grid-template-columns:1fr}.jobListInfo span{width:100%}} /* V3.9.3 shared professional page hero for Locations, Posts and Companies */ html[data-theme=dark] .pageHero{background:var(--site-dark-bg,#0b1220);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .pageHero::before{background:linear-gradient(135deg,#1677ff,#2563eb)} html[data-theme=dark] .pageHeroInner{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);box-shadow:none} @media(max-width:720px){.pageHero{padding:16px 0 24px}.pageHero::before{height:58px}.pageHeroInner{min-height:0;padding:38px 22px 28px;border-radius:14px}.pageHero h1{font-size:36px}.pageHero p{font-size:15px}.pageCardsSection{padding-top:26px}} .jobsResultsHeading{margin-top:0;margin-bottom:18px}.jobsResultsHeading h2{margin:0;font-size:32px;letter-spacing:-.035em}.jobsResultsHeading p{display:none} @media(max-width:720px){.jobsResultsHeading h2{font-size:28px}} /* V3.9.5 homepage polish */ .homeArticlesSection{padding:62px 0 34px;background:var(--site-bg)} .homePostGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .homePostCard{overflow:hidden;border:1px solid var(--site-border);border-radius:16px;background:var(--site-surface);box-shadow:0 8px 24px rgba(16,24,40,.04);transition:.2s;display:flex;flex-direction:column} .homePostCard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--site-primary) 35%,var(--site-border));box-shadow:0 16px 34px rgba(16,24,40,.08)} .homePostCard>img,.homePostPlaceholder{width:100%;height:170px;object-fit:cover;display:block;background:color-mix(in srgb,var(--site-primary) 8%,var(--site-surface-2))} .homePostPlaceholder{display:grid;place-items:center;color:var(--site-primary)} .homePostPlaceholder svg{width:36px;height:36px} .homePostBody{padding:19px 20px 20px;display:flex;flex-direction:column;flex:1} .homePostBody>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--site-primary);margin-bottom:8px} .homePostBody h3{font-size:19px;line-height:1.25;margin:0 0 8px;letter-spacing:-.02em} .homePostBody p{font-size:13px;line-height:1.65;color:var(--site-muted);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .homePostBody>strong{margin-top:auto;display:flex;align-items:center;gap:6px;color:var(--site-primary);font-size:12px} .homePostBody>strong svg{width:14px} .homeCtaSection{padding:34px 0 70px;background:var(--site-bg)} .homeCta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 10%,var(--site-surface)),var(--site-surface));border:1px solid color-mix(in srgb,var(--site-primary) 18%,var(--site-border))} .homeCta h2{margin:8px 0 6px;font-size:28px;letter-spacing:-.035em} .homeCta p{margin:0;max-width:700px;color:var(--site-muted)} .homeCtaButton{display:inline-flex;align-items:center;gap:8px;flex:none;background:var(--site-primary);color:#fff;padding:13px 18px;border-radius:11px;font-weight:800;font-size:13px} .homeCtaButton svg{width:15px} .explorePanelSection{padding-top:42px;padding-bottom:42px} .explorePanelSection+.explorePanelSection{padding-top:0} .exploreGrid{gap:10px} .exploreCard{min-height:94px;padding:15px} .globalFooter{margin-top:0} .footerSocials{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap} .footerSocials a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#d9e1ec;background:rgba(255,255,255,.04);transition:.2s} .footerSocials a:hover{color:#fff;background:color-mix(in srgb,var(--site-primary) 24%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--site-primary) 60%,rgba(255,255,255,.14))} @media (max-width:900px){.homePostGrid{grid-template-columns:1fr 1fr}.homeCta{align-items:flex-start;flex-direction:column}.homeCtaButton{width:100%;justify-content:center}} @media (max-width:640px){.homeArticlesSection{padding:44px 0 24px}.homePostGrid{grid-template-columns:1fr}.homePostCard>img,.homePostPlaceholder{height:190px}.homeCtaSection{padding:24px 0 48px}.homeCta{padding:25px 22px}.homeCta h2{font-size:23px}.explorePanelSection{padding-top:28px;padding-bottom:28px}.explorePanelSection+.explorePanelSection{padding-top:0}.explorePanel{padding:20px}.exploreGrid{gap:9px}} html[data-theme=dark] .homeArticlesSection, html[data-theme=dark] .homeCtaSection, html[data-theme=dark] .homeExploreSection{background:var(--site-dark-bg,#0b1220)} html[data-theme=dark] .homeArticlesSection .homePostCard{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .homeCtaSection .homeCta{background:linear-gradient(135deg,#111a2b,#0e1728);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .homePostCard{background:var(--site-dark-surface);border-color:var(--site-dark-border);box-shadow:none} html[data-theme=dark] .homePostCard h3{color:var(--site-dark-text)} html[data-theme=dark] .homePostCard p{color:var(--site-dark-muted)} html[data-theme=dark] .homeCta{background:linear-gradient(135deg,#111a2b,#0e1728);border-color:var(--site-dark-border)} html[data-theme=dark] .homeCta h2{color:var(--site-dark-text)} html[data-theme=dark] .homeCta p{color:var(--site-dark-muted)} /* V3.9.6 homepage spacing + search hero wave */ .homeExploreSection{padding-top:var(--site-home-section-gap,40px)!important;padding-bottom:var(--site-home-section-gap,40px)!important} .homeExploreSection+.homeExploreSection{padding-top:var(--site-home-section-gap,40px)!important} .homeSearchHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#edf7ff 48%,#f8fbff 100%);isolation:isolate} .homeSearchHero .heroInner{position:relative;z-index:3} .homeSearchHero .heroWave{position:absolute;z-index:1;pointer-events:none;filter:blur(.2px)} .homeSearchHero .heroWaveOne{width:75vw;height:34vw;min-width:850px;min-height:360px;right:-10vw;top:-18vw;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(40,150,255,.18) 0%,rgba(40,150,255,.08) 42%,rgba(255,255,255,0) 70%);transform:rotate(-12deg)} .homeSearchHero .heroWaveTwo{width:105vw;height:31vw;left:-30vw;bottom:-21vw;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(211,235,255,.22) 62%,rgba(255,255,255,0));transform:rotate(-9deg)} .homeSearchHero:after{content:"";position:absolute;z-index:0;width:75%;height:130%;right:-20%;top:-45%;border-radius:50%;border:1px solid rgba(22,119,255,.06);box-shadow:0 0 0 55px rgba(22,119,255,.025),0 0 0 110px rgba(22,119,255,.018);transform:rotate(-12deg);pointer-events:none} html[data-theme=dark] .homeSearchHero{background:linear-gradient(135deg,#0b1220 0%,#101c31 52%,#0b1220 100%)} html[data-theme=dark] .homeSearchHero .heroWaveOne{background:radial-gradient(ellipse at 50% 50%,rgba(21,156,240,.20) 0%,rgba(21,156,240,.07) 42%,rgba(0,0,0,0) 70%)} html[data-theme=dark] .homeSearchHero .heroWaveTwo{background:linear-gradient(145deg,rgba(30,54,86,.48),rgba(17,26,43,.1) 62%,rgba(0,0,0,0))} html[data-theme=dark] .homeSearchHero:after{border-color:rgba(51,168,255,.06);box-shadow:0 0 0 55px rgba(51,168,255,.018),0 0 0 110px rgba(51,168,255,.012)} @media(max-width:640px){.homeExploreSection,.homeExploreSection+.homeExploreSection{padding-top:clamp(24px,var(--site-home-section-gap,40px),48px)!important;padding-bottom:clamp(24px,var(--site-home-section-gap,40px),48px)!important}.homeSearchHero .heroWaveOne{width:150vw;height:80vw;right:-65vw;top:-20vw}.homeSearchHero .heroWaveTwo{width:170vw;height:70vw;left:-65vw;bottom:-35vw}} /* V3.9.7 priority jobs + share modal */ .homePriorityJobs{position:relative;overflow:hidden;margin-top:0;margin-bottom:0;padding:58px 30px 64px!important;border-radius:0;background:linear-gradient(135deg,#eef7ff 0%,#f8fbff 42%,#eef5ff 100%);isolation:isolate} .homePriorityJobs:before{content:"";position:absolute;z-index:0;width:72%;height:180%;right:-22%;top:-70%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(21,140,246,.19),rgba(21,140,246,.07) 42%,transparent 70%);transform:rotate(-12deg);pointer-events:none} .homePriorityJobs:after{content:"";position:absolute;z-index:0;width:55%;height:110%;left:-24%;bottom:-58%;border-radius:50%;border:1px solid rgba(22,119,255,.10);box-shadow:0 0 0 42px rgba(22,119,255,.035),0 0 0 84px rgba(22,119,255,.02);pointer-events:none} .homePriorityJobs>.sectionHeading,.homePriorityJobs>.jobGrid,.homePriorityJobs>.emptyState{position:relative;z-index:2} .homePriorityJobs .sectionHeading{margin-bottom:26px} .homePriorityJobs .jobGrid{gap:16px} .homePriorityJobs .priorityJobCard{height:100%;min-height:238px;display:flex;flex-direction:column;padding:20px;border:1px solid rgba(22,119,255,.13);box-shadow:0 12px 32px rgba(34,88,140,.07);background:rgba(255,255,255,.92)} .homePriorityJobs .jobCardMainLink{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit} .homePriorityJobs .jobCardTop{min-height:72px} .homePriorityJobs .jobCardBody h3{min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .homePriorityJobs .companyLine{min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .homePriorityJobs .jobTags{min-height:46px;margin-top:16px;align-items:flex-start} .homePriorityJobs .jobTags>span{min-height:30px;display:inline-flex;align-items:center} .homePriorityJobs .jobCardBottom{margin-top:auto;padding-top:14px;min-height:45px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--site-border)} .homePriorityJobs .jobCardBottom>a{color:var(--site-primary);font-size:12px;font-weight:800} .homePriorityJobs .jobCardActions{display:flex;align-items:center;gap:8px} .homePriorityJobs .jobCardActions>a{display:grid;place-items:center;color:var(--site-primary);width:30px;height:30px} .homePriorityJobs .jobCardActions .jobShareButton{width:34px;height:34px;border:1px solid var(--site-border);border-radius:9px;background:var(--site-surface);color:var(--site-text);display:grid;place-items:center;padding:0;cursor:pointer} .homePriorityJobs .jobCardActions .jobShareButton:hover{border-color:var(--site-primary);color:var(--site-primary)} html[data-theme=dark] .homePriorityJobs{background:linear-gradient(135deg,#0d1a2d 0%,#101c31 45%,#0b1220 100%);border-color:#263247} html[data-theme=dark] .homePriorityJobs:before{background:radial-gradient(ellipse at center,rgba(21,156,240,.22),rgba(21,156,240,.06) 44%,transparent 72%)} html[data-theme=dark] .homePriorityJobs:after{border-color:rgba(51,168,255,.09);box-shadow:0 0 0 42px rgba(51,168,255,.025),0 0 0 84px rgba(51,168,255,.015)} html[data-theme=dark] .homePriorityJobs .priorityJobCard{background:rgba(17,26,43,.94);border-color:#263247;box-shadow:none} html[data-theme=dark] .homePriorityJobs .jobCardActions .jobShareButton{background:#111a2b;border-color:#263247;color:#f5f7fa} .shareModalBackdrop{position:fixed;inset:0;z-index:9999;background:rgba(5,12,24,.58);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .shareModal{position:relative;width:min(100%,520px);border-radius:18px;background:var(--site-surface,#fff);border:1px solid var(--site-border,#e4e7ec);box-shadow:0 28px 80px rgba(0,0,0,.24);overflow:hidden;color:var(--site-text,#172033)} .shareModalClose{position:absolute;right:18px;top:17px;width:38px;height:38px;border:0;background:transparent;color:var(--site-muted);display:grid;place-items:center;border-radius:9px;cursor:pointer} .shareModalClose:hover{background:var(--site-surface-2);color:var(--site-text)} .shareModalHeader{padding:28px 30px 20px;border-bottom:1px solid var(--site-border)} .shareModalEyebrow{display:block;color:var(--site-primary);font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:8px} .shareModalHeader h3{margin:0;font-size:22px;letter-spacing:-.025em} .shareModalHeader p{margin:7px 42px 0 0;color:var(--site-muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .shareOptions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 30px 20px} .shareOptions button{border:0;background:transparent;color:var(--site-text);display:flex;flex-direction:column;align-items:center;gap:9px;padding:4px;cursor:pointer;font-size:12px} .shareSocial{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff} .shareSocial.whatsapp{background:#25d366}.shareSocial.linkedin{background:#0a66c2}.shareSocial.facebook{background:#1877f2}.shareSocial.x{background:#050505} .shareCopyRow{display:flex;gap:8px;padding:0 30px 28px} .shareCopyRow input{min-width:0;flex:1;height:48px;border:1px solid var(--site-border);border-radius:9px;padding:0 13px;background:var(--site-surface);color:var(--site-muted);font-size:12px;outline:none} .shareCopyRow button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid color-mix(in srgb,var(--site-primary) 28%,var(--site-border));border-radius:9px;background:var(--site-surface);color:var(--site-primary);font-weight:800;cursor:pointer} .shareCopyRow button:hover{background:color-mix(in srgb,var(--site-primary) 7%,var(--site-surface))} .shareCopied{margin:0 30px 24px;padding:11px 13px;border-radius:9px;background:color-mix(in srgb,#22c55e 10%,var(--site-surface));border:1px solid color-mix(in srgb,#22c55e 25%,var(--site-border));color:#16803a;font-size:12px;line-height:1.45} html[data-theme=dark] .shareModal{background:#111a2b;border-color:#263247;color:#f5f7fa} html[data-theme=dark] .shareModalHeader{border-color:#263247} html[data-theme=dark] .shareCopyRow input{background:#0d1626;border-color:#263247;color:#a7b0c0} html[data-theme=dark] .shareCopyRow button{background:#111a2b;border-color:#31415c} html[data-theme=dark] .shareModalClose:hover{background:#17233a;color:#fff} @media(max-width:720px){.homePriorityJobs{width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0;padding:42px 16px 48px!important;border-radius:0;overflow:hidden}.homePriorityJobs .sectionHeading{width:100%;margin-bottom:22px}.homePriorityJobs .sectionHeading h2{font-size:32px;line-height:1.12;max-width:100%;overflow-wrap:anywhere}.homePriorityJobs .sectionHeading p{font-size:14px;line-height:1.55;max-width:100%}.homePriorityJobs .sectionLink{margin-top:10px}.homePriorityJobs .jobGrid{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.homePriorityJobs .priorityJobCard{width:100%;min-width:0;min-height:0;padding:17px;border-radius:15px}.homePriorityJobs .jobCardMainLink,.homePriorityJobs .jobCardTop,.homePriorityJobs .jobCardBody{min-width:0;max-width:100%}.homePriorityJobs .jobCardTop{gap:11px;min-height:64px}.homePriorityJobs .jobCardBody h3{font-size:16px;min-height:44px;line-height:1.35;overflow-wrap:anywhere}.homePriorityJobs .companyLine{max-width:100%;font-size:11px}.homePriorityJobs .jobTags{gap:6px;margin-top:13px;min-height:40px}.homePriorityJobs .jobTags>span{max-width:100%;min-height:29px;padding:6px 8px;font-size:10px}.homePriorityJobs .jobCardBottom{width:100%;min-height:43px;padding-top:12px;margin-top:12px}.shareModalBackdrop{padding:16px;place-items:center}.shareModal{width:min(100%,420px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px}.shareModalHeader{padding:22px 18px 16px}.shareModalHeader h3{font-size:21px}.shareOptions{padding:18px 12px 14px;gap:3px}.shareOptions button{font-size:11px}.shareSocial{width:48px;height:48px}.shareCopyRow{padding:0 12px 18px;gap:6px}.shareCopyRow input{font-size:11px;height:46px}.shareCopyRow button{height:46px;padding:0 11px}.shareCopied{margin-left:12px;margin-right:12px;margin-bottom:18px}} /* V3.9.10 base + jobs listing share polish */ .jobListCardPro{display:flex;flex-direction:column;height:100%;min-height:250px} .jobListMainLink{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit} .jobListCompany{display:flex;align-items:center;gap:8px;min-height:22px;line-height:1.35} .jobListCompanyIcon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--site-primary) 9%,var(--site-surface-2));color:var(--site-primary)} .jobListCompanyIcon svg{width:16px;height:16px;display:block} .jobListBottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-top:14px;border-top:1px solid var(--site-border)} .jobListBottom>a:first-child{color:var(--site-primary);font-size:12px;font-weight:800} .jobListActions{display:flex;align-items:center;gap:8px} .jobListActions>a{width:30px;height:30px;display:grid;place-items:center;color:var(--site-primary)} .jobListActions .jobShareButton{width:34px;height:34px;border:1px solid var(--site-border);border-radius:9px;background:var(--site-surface);color:var(--site-text);display:grid;place-items:center;padding:0;cursor:pointer} .jobListActions .jobShareButton:hover{border-color:var(--site-primary);color:var(--site-primary)} .jobListActions .jobShareButton svg{width:17px;height:17px} html[data-theme=dark] .jobListCompanyIcon{background:color-mix(in srgb,var(--site-primary) 12%,var(--site-dark-surface,#111a2b));color:#33a8ff} html[data-theme=dark] .jobListActions .jobShareButton{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247);color:var(--site-dark-text,#f5f7fa)} @media(max-width:720px){.jobListCardPro{min-height:0}.jobListCompanyIcon{width:22px;height:22px;flex-basis:22px}.jobListActions .jobShareButton{width:34px;height:34px}} /* JOBNESIA MOBILE HEADER V12 */ @media(max-width:900px){ .siteNav{gap:7px!important;overflow:visible!important} .siteBrand{flex:0 0 auto!important;min-width:0!important;margin-left:0!important;margin-right:0!important} .siteLogo{width:var(--site-logo-mobile-width,130px)!important;max-width:130px!important} .desktopNav{display:none!important} .siteNavActions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-left:auto!important;flex:0 0 auto!important} .siteNavActions .iconButton,.siteNavActions .themeToggle,.mobileMenu summary{width:38px!important;height:38px!important;min-width:38px!important} .siteNavActions .headerCta{display:none!important} .mobileMenu{display:block!important;position:relative!important;flex:0 0 auto!important} .mobileMenuPanel{right:0!important;left:auto!important;top:46px!important;width:min(310px,calc(100vw - 30px))!important;max-height:calc(100vh - 82px)!important;overflow-y:auto!important} .mobileMenuPanel>a,.mobileMenuPanel .mobileMenuGroup>a{display:flex!important;align-items:center!important;gap:9px!important} } /* V3.9.11 mobile bottom navigation + footer logo controls */ .footerBrand{margin-left:var(--site-footer-logo-left-margin,0px);margin-right:var(--site-footer-logo-right-margin,0px);margin-top:var(--site-footer-logo-top-margin,0px);margin-bottom:var(--site-footer-logo-bottom-margin,0px);transform:translateY(var(--site-footer-logo-top-offset,0px));padding-left:var(--site-footer-logo-left-padding,0px);padding-right:var(--site-footer-logo-right-padding,0px);padding-top:var(--site-footer-logo-top-padding,0px);padding-bottom:var(--site-footer-logo-bottom-padding,0px)} .footerLogo{width:var(--site-footer-logo-width,180px);max-width:var(--site-footer-logo-width,180px);height:auto;max-height:none;object-fit:contain} .footerLogoDark{display:none} .footerLogoLight{display:block} html[data-theme=dark] .footerLogoLight{display:none} html[data-theme=dark] .footerLogoDark{display:block} .mobileBottomNav{display:none} @media(max-width:720px){ body{padding-bottom:calc(74px + env(safe-area-inset-bottom))} .mobileBottomNav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:66px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));z-index:130;background:color-mix(in srgb,var(--site-surface) 96%,transparent);border-top:1px solid var(--site-border);box-shadow:0 -8px 30px rgba(16,24,40,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .mobileBottomItem{min-width:0;border:0;background:transparent;color:#7b8799;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 2px;text-decoration:none;border-radius:10px;font:inherit;cursor:pointer} .mobileBottomIcon{width:24px;height:24px;display:grid;place-items:center} .mobileBottomIcon svg{width:21px;height:21px;display:block} .mobileBottomLabel{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;font-weight:700} .mobileBottomItem.isActive{color:#00a9ad} .mobileBottomItem:hover{color:var(--site-primary)} .mobileBottomNavJob .mobileBottomItem:last-child{color:var(--site-primary);font-weight:800} .mobileBottomNavJob .mobileBottomItem:last-child .mobileBottomIcon{width:26px;height:26px} .mobileBottomNavJob .mobileBottomItem:last-child .mobileBottomIcon svg{width:22px;height:22px} html[data-theme=dark] .mobileBottomNav{background:color-mix(in srgb,var(--site-dark-surface,#111a2b) 96%,transparent);border-top-color:var(--site-dark-border,#263247);box-shadow:0 -8px 30px rgba(0,0,0,.25)} html[data-theme=dark] .mobileBottomItem{color:#8e9bad} html[data-theme=dark] .mobileBottomItem.isActive{color:#4cc7ff} } @media(max-width:380px){ .mobileBottomNav{padding-left:4px;padding-right:4px} .mobileBottomLabel{font-size:9px} } /* Company detail hero: logo + company identity live in the hero; no duplicate profile boxes. */ .companyDetailHero .pageHeroInner{padding:42px 48px;min-height:194px} .companyHeroContent{display:flex;align-items:center;gap:22px;min-width:0} .companyHeroLogo{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:1px solid var(--site-border);border-radius:16px;background:var(--site-surface-2);overflow:hidden;color:var(--site-primary);font-size:28px;font-weight:800} .companyHeroLogo img{width:100%;height:100%;object-fit:contain} .companyHeroCopy{min-width:0} .companyHeroCopy h1{margin:9px 0 10px} .companyHeroCopy p{margin:0} .companyHeroLink{display:inline-flex;margin-top:11px;color:var(--site-primary);font-size:13px;font-weight:700} .companyHeroLink:hover{text-decoration:underline} .companyJobsSection{padding-top:58px} @media(max-width:720px){.companyDetailHero .pageHeroInner{padding:30px 22px}.companyHeroContent{align-items:flex-start;gap:15px}.companyHeroLogo{width:64px;height:64px;flex-basis:64px;border-radius:13px}.companyHeroCopy h1{font-size:34px}.companyHeroCopy p{font-size:15px}.companyJobsSection{padding-top:42px}} /* V3.9.16 unified job cards: shared across homepage, jobs, company and location pages */ .jobListDescription{margin:13px 0 0;color:var(--site-muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px} .jobListInfo .jobSalaryPill{display:inline-flex!important;align-items:center;gap:6px} .jobListInfo .jobSalaryPill svg{width:13px;height:13px;flex:0 0 13px} .jobListMainLink{display:block;min-width:0;color:inherit} @media(max-width:720px){.jobListDescription{font-size:11px;line-height:1.5;min-height:33px;margin-top:11px}.jobListInfo{margin-top:15px}} /* source badge + 404 */ .jobCardBadges{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:45%}.sourceBadge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--site-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--site-primary) 18%,var(--site-border));color:var(--site-primary);font-size:10px;font-weight:800;white-space:nowrap}.sourceBadgeLarge{font-size:11px;padding:6px 10px}.sourceLink{font-size:11px;font-weight:700;color:var(--site-primary)}.jobSourceRow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.notFoundPage{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:80px 0}.notFoundInner{text-align:center;max-width:720px}.notFoundCode{font-size:clamp(110px,18vw,190px);line-height:.8;font-weight:900;letter-spacing:-.09em;color:color-mix(in srgb,var(--site-primary) 16%,var(--site-text));margin-bottom:35px}.notFoundInner h1{margin:14px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.notFoundInner p{max-width:560px;margin:0 auto;color:var(--site-muted);font-size:16px;line-height:1.7}.notFoundActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.notFoundActions .secondaryButton{margin-top:0}.notFoundActions .headerCta{height:42px} @media(max-width:640px){.jobCardBadges{max-width:52%}.sourceBadge{font-size:9px;padding:4px 7px}.notFoundPage{padding:55px 0}.notFoundCode{font-size:110px;margin-bottom:28px}} /* V3.9.23 pages single: title follows post-single header treatment; excerpt intentionally omitted. */ .pageDetailMain .postDetailHeader{padding-bottom:24px;border-bottom:1px solid var(--site-border)} /* Pages archive + single page */ .pageBreadcrumb{margin-bottom:22px} .pageCardsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .pageListCard{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:15px;align-items:center;padding:16px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:var(--site-card-shadow);transition:.2s;text-decoration:none} .pageListCard:hover{border-color:color-mix(in srgb,var(--site-primary) 35%,var(--site-border));transform:translateY(-2px)} .pageListCard img,.pageListThumb{width:72px;height:60px;border-radius:10px;object-fit:cover;background:var(--site-surface-2);display:grid;place-items:center;color:var(--site-primary);font-size:22px;font-weight:800} .pageListBody{min-width:0}.pageListBody strong{display:block;color:var(--site-text);font-size:16px;line-height:1.3}.pageListBody small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;color:var(--site-muted);font-size:12px;line-height:1.5}.pageListArrow{color:var(--site-primary);font-size:28px;line-height:1} .emptyState{grid-column:1/-1;padding:45px 25px;text-align:center;border:1px dashed var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)} .emptyState h2{margin:0 0 8px;color:var(--site-text)}.emptyState p{margin:0;color:var(--site-muted)} .pageDetailSection{padding-top:24px}.pageDetailMain{max-width:900px;margin:0 auto}.pageFeaturedImage{margin:26px 0 0}.pageFeaturedImage img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:12px} @media(max-width:720px){.pageCardsGrid{grid-template-columns:1fr}.pageListCard{grid-template-columns:60px minmax(0,1fr) auto;padding:13px}.pageListCard img,.pageListThumb{width:60px;height:54px}.pageDetailMain{padding:23px}.pageDetailSection{padding-top:18px}} @media(max-width:480px){.pageDetailMain{padding:18px}.pageListBody strong{font-size:14px}} html[data-theme=dark] .pageListCard,html[data-theme=dark] .emptyState{background:var(--site-dark-surface,#111a2b);border-color:var(--site-dark-border,#263247)} html[data-theme=dark] .pageListBody strong,html[data-theme=dark] .emptyState h2{color:var(--site-dark-text,#f5f7fa)} /* V3.9.26 — CMS-controlled footer colors and content */ .globalFooter{ background:var(--site-footer-bg-light,#f8fafc); color:var(--site-footer-text-light,#101828); } .footerIntro p{color:var(--site-footer-muted-light,#667085)} .footerCol h3{color:var(--site-footer-text-light,#101828)} .footerCol a{color:var(--site-footer-link-light,#475467)} .footerCol a:hover{color:var(--site-footer-hover-light,#1677ff)} .footerBottom{border-top-color:var(--site-footer-border-light,#e4e7ec);color:var(--site-footer-muted-light,#667085)} .footerSocials a{border-color:var(--site-footer-border-light,#e4e7ec);color:var(--site-footer-link-light,#475467);background:color-mix(in srgb,var(--site-footer-text-light,#101828) 4%,transparent)} .footerSocials a:hover{color:var(--site-footer-hover-light,#1677ff);background:color-mix(in srgb,var(--site-primary) 10%,transparent);border-color:color-mix(in srgb,var(--site-primary) 35%,var(--site-footer-border-light,#e4e7ec))} html[data-theme=dark] .globalFooter{background:var(--site-footer-bg-dark,#1b1b1b);color:var(--site-footer-text-dark,#f5f7fa)} html[data-theme=dark] .footerIntro p{color:var(--site-footer-muted-dark,#aab4c4)} html[data-theme=dark] .footerCol h3{color:var(--site-footer-text-dark,#f5f7fa)} html[data-theme=dark] .footerCol a{color:var(--site-footer-link-dark,#aab4c4)} html[data-theme=dark] .footerCol a:hover{color:var(--site-footer-hover-dark,#fff)} html[data-theme=dark] .footerBottom{border-top-color:var(--site-footer-border-dark,rgba(255,255,255,.1));color:var(--site-footer-muted-dark,#aab4c4)} html[data-theme=dark] .footerSocials a{border-color:var(--site-footer-border-dark,rgba(255,255,255,.1));color:var(--site-footer-link-dark,#aab4c4);background:rgba(255,255,255,.04)} html[data-theme=dark] .footerSocials a:hover{color:var(--site-footer-hover-dark,#fff);border-color:color-mix(in srgb,var(--site-primary) 60%,var(--site-footer-border-dark,rgba(255,255,255,.1)))} /* V3.9.39 — Job status colors + professional applicant safety notice */ .applyStatus{font-weight:800} .applyStatus i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.10)} .applyStatus:has(i){} .jobSafetyNotice{margin-top:22px;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid color-mix(in srgb,#059669 18%,var(--site-border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#059669 5%,var(--site-surface)),var(--site-surface));box-shadow:0 8px 24px rgba(16,24,40,.035)} .jobSafetyIcon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#e9f8f1;color:#087f5b} .jobSafetyIcon svg{width:18px;height:18px} .jobSafetyCopy{min-width:0} .jobSafetyCopy strong{display:block;font-size:14px;line-height:1.3;color:var(--site-text)} .jobSafetyCopy p{margin:4px 0 5px;color:var(--site-muted);font-size:12px;line-height:1.55} .jobSafetyCopy button{padding:0;border:0;background:none;color:var(--site-primary);font-size:12px;font-weight:800;cursor:pointer} .jobSafetyCopy button:hover{text-decoration:underline;text-underline-offset:3px} .jobSafetyModal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)} .jobSafetyDialog{position:relative;width:min(680px,100%);max-height:min(88vh,820px);overflow:auto;padding:30px;border:1px solid var(--site-border);border-radius:20px;background:var(--site-surface);color:var(--site-text);box-shadow:0 28px 80px rgba(15,23,42,.28)} .jobSafetyClose{position:absolute;right:16px;top:13px;width:36px;height:36px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-muted);font-size:25px;line-height:1;cursor:pointer} .jobSafetyClose:hover{color:var(--site-text);border-color:var(--site-primary)} .jobSafetyDialogIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e9f8f1;color:#087f5b;margin-bottom:15px} .jobSafetyDialogIcon svg{width:25px;height:25px} .jobSafetyKicker{display:block;color:#087f5b;font-size:10px;font-weight:900;letter-spacing:.11em} .jobSafetyDialog h2{margin:7px 42px 9px 0;font-size:25px;line-height:1.18;letter-spacing:-.035em} .jobSafetyLead{margin:0;color:var(--site-muted);font-size:13px;line-height:1.7} .jobSafetyPoints{display:grid;gap:10px;margin-top:20px} .jobSafetyPoints>div{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:13px 14px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface-2)} .jobSafetyPoints b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--site-primary) 9%,var(--site-surface));color:var(--site-primary);font-size:10px} .jobSafetyPoints span{font-size:12px;line-height:1.65;color:var(--site-muted)} .jobSafetyPoints strong{color:var(--site-text)} .jobSafetyLegal{margin-top:15px;padding:13px 14px;border-left:3px solid var(--site-primary);border-radius:8px;background:color-mix(in srgb,var(--site-primary) 5%,var(--site-surface-2));color:var(--site-muted);font-size:11px;line-height:1.65} .jobSafetyLegal strong{color:var(--site-text)} .jobSafetyDone{width:100%;min-height:46px;margin-top:17px;border:0;border-radius:10px;background:var(--site-primary);color:#fff;font-size:12px;font-weight:800;cursor:pointer} .jobSafetyDone:hover{filter:brightness(.96)} html[data-theme=dark] .jobSafetyNotice{background:linear-gradient(135deg,color-mix(in srgb,#059669 8%,var(--site-surface)),var(--site-surface));box-shadow:none} html[data-theme=dark] .jobSafetyIcon,html[data-theme=dark] .jobSafetyDialogIcon{background:rgba(5,150,105,.14);color:#34d399} html[data-theme=dark] .jobSafetyModal{background:rgba(2,6,23,.72)} .applyStatus:has(i.statusClosed){color:#dc2626} .applyStatus i.statusClosed{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.10)} .applyStatus:has(i.statusExpired){color:#667085} .applyStatus i.statusExpired{background:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.12)} @media(max-width:720px){.jobSafetyNotice{padding:16px}.jobSafetyDialog{padding:23px;border-radius:17px}.jobSafetyDialog h2{font-size:22px}.jobSafetyPoints>div{grid-template-columns:28px 1fr;padding:11px}.jobSafetyPoints b{width:27px;height:27px}} /* Homepage priority cards: preserve the compact V3.9 layout while the jobs archive keeps its Pro list card. */ .homePriorityJobs .priorityJobCard .jobListDescription{margin:14px 0 0;color:var(--site-muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} html[data-theme=dark] .homePriorityJobs .priorityJobCard .jobListDescription{color:var(--site-dark-muted,#aab4c4)} .archiveTaxGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.archiveTaxCard{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--site-border,#e5e7eb);border-radius:var(--site-radius,12px);background:var(--site-card,#fff);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.archiveTaxCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.archiveTaxCard span{font-size:13px;opacity:.68} @font-face{font-family:Inter;src:url('assets/fonts/Inter-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/Inter-Medium.otf') format('opentype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/Inter-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/Inter-Bold.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/Inter-ExtraBold.otf') format('opentype');font-weight:800;font-display:swap} /* WordPress theme bridge */ .wp-site-blocks{padding:0}.siteContent{min-height:50vh}.pageHero{padding:56px 0;background:var(--site-surface-2);border-bottom:1px solid var(--site-border)}.pageHero h1{font-size:clamp(32px,4vw,48px);margin:12px 0}.pageHero p{color:var(--site-muted);max-width:760px}.jobDetailLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.jobDetailMain,.jobSidebar,.contentPanel{padding:26px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.jobDetailMain h1{font-size:clamp(28px,var(--job-title-size,42px),60px);line-height:1.13;letter-spacing:-.04em}.jobMetaList{display:grid;gap:12px;margin:24px 0}.jobMetaItem{display:flex;gap:10px;color:var(--site-muted)}.jobContent{line-height:1.8}.jobContent h2,.jobContent h3{margin-top:28px}.jobContent ul{padding-left:22px}.jobApply{display:inline-flex;padding:13px 20px;border-radius:10px;background:var(--site-primary);color:white;font-weight:800}.jobPill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--site-surface-2);border:1px solid var(--site-border);font-size:12px;color:var(--site-muted)}.companyGrid,.locationGrid,.postGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entityCard,.postCard{padding:20px;border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface)}.entityCard h2,.postCard h2{font-size:18px;line-height:1.35;margin:10px 0}.entityCard p,.postCard p{color:var(--site-muted);font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:32px 0}.pagination a{color:var(--site-primary);font-weight:700}.empty{padding:40px;border:1px dashed var(--site-border);border-radius:var(--site-radius);text-align:center;color:var(--site-muted)}.searchPageForm{display:flex;gap:10px;margin:24px 0}.searchPageForm input{flex:1;min-width:0;padding:13px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-text)}.searchPageForm button{padding:0 18px;border:0;border-radius:10px;background:var(--site-primary);color:#fff;font-weight:700}.jobSource{font-size:12px;color:var(--site-muted);margin-top:18px}.postThumb{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--site-surface-2)}.postThumb img{width:100%;height:100%;object-fit:cover}.siteContent .container{max-width:var(--site-container,1180px)}@media(max-width:900px){.jobDetailLayout{grid-template-columns:1fr}.jobGrid,.companyGrid,.locationGrid,.postGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktopNav{gap:14px}}@media(max-width:640px){.container{width:calc(100% - 28px)}.desktopNav,.headerCta{display:none}.mobileMenu{display:block}.heroInner{grid-template-columns:1fr;gap:28px;padding:48px 0}.heroCopy h1{font-size:clamp(36px,10vw,48px)}.jobGrid,.companyGrid,.locationGrid,.postGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr;gap:25px}.footerIntro{grid-column:1/-1}.footerBottom{flex-direction:column}.searchPageForm{flex-direction:column}.searchPageForm button{min-height:44px}.statsGrid{grid-template-columns:repeat(2,1fr)}.statsGrid>div:nth-child(2){border-right:0}.statsGrid>div:nth-child(-n+2){border-bottom:1px solid var(--site-border)}} /* V0.3.0: values synchronized with Jobnesia Loker Engine > Theme Customize */ .container{max-width:var(--site-container,1200px)} body{font-family:var(--site-font,Inter,sans-serif);font-size:var(--site-font-size,16px);background:var(--site-bg,#fff);color:var(--site-text,#172033)} h1,h2,h3,h4,h5,h6,.siteBrandText{font-family:var(--site-heading-font,Inter,serif)} .jobCard,.postCard,.searchPanel,.singleJobMain,.singleJobSidebar{border-radius:var(--site-radius,12px)} .siteHeader{min-height:var(--site-header-height,72px)} .companyEntityLink{display:block;color:inherit}.companyEntityLink:hover h2,.entityCard>a:hover h2{color:var(--site-primary)}.companyEntityCard>a:not(.companyEntityLink){display:inline-block;margin:5px 12px 0 0;color:var(--site-primary);font-weight:700;font-size:13px}.locationEntityLink,.categoryEntityLink{display:block;color:inherit;transition:transform .18s,border-color .18s}.locationEntityLink:hover,.categoryEntityLink:hover{transform:translateY(-2px);border-color:var(--site-primary)} /* Jobnesia 0.4.0 — Posts & Pages structure */ .breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:24px;padding-bottom:0;font-size:13px;color:#667085} .breadcrumb a{color:var(--site-primary);text-decoration:none} .articleHero h1{max-width:900px} .articleLayout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start} .articleContent,.pageContent{min-width:0;line-height:1.85;font-size:1rem} .articleContent h2,.articleContent h3,.pageContent h2,.pageContent h3{line-height:1.35;margin-top:1.6em} .articleFeaturedImage,.pageFeaturedImage{margin:0 0 28px} .articleFeaturedImage img,.pageFeaturedImage img{display:block;width:100%;height:auto;border-radius:var(--site-radius,12px)} .articleSidebar{display:grid;gap:18px} .articleSidebar .contentPanel h2{font-size:19px;margin:0 0 12px} .articleSidebar .contentPanel p{line-height:1.7} .articleSidebar .contentPanel a{color:var(--site-primary);text-decoration:none;font-weight:600} .recentPosts{list-style:none;margin:0;padding:0;display:grid;gap:14px} .recentPosts li{display:grid;gap:5px} .recentPosts small,.postMeta{font-size:13px;color:#667085} .postCardLink{display:block;height:100%;color:inherit;text-decoration:none} .postCardBody{padding:20px} .postCardBody h2{margin:8px 0 10px} .postCardBody p{line-height:1.7} .postReadMore{display:inline-block;color:var(--site-primary);font-weight:600;margin-top:6px} .postCardLink:hover h2{color:var(--site-primary)} .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:32px} .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:6px 12px;border:1px solid var(--site-border);border-radius:8px;text-decoration:none;color:inherit} .pagination .page-numbers.current{background:var(--site-primary);border-color:var(--site-primary);color:#fff} .articleTags{margin-top:30px;padding-top:20px;border-top:1px solid var(--site-border)} .articleTags a{color:var(--site-primary)} .pageLinks{margin-top:24px} @media(max-width:900px){.articleLayout{grid-template-columns:1fr}.articleSidebar{grid-template-columns:1fr 1fr}} @media(max-width:600px){.articleSidebar{grid-template-columns:1fr}.breadcrumb{font-size:12px}.postCardBody{padding:16px}} /* Jobnesia 0.5.0 — modern editorial design system inspired by contemporary SaaS sites */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap'); :root{ --site-font-family:"DM Sans",Inter,Arial,sans-serif; --site-heading-font:"Manrope",Inter,Arial,sans-serif; --site-radius:18px; --site-border:#e7eaf1; --site-muted:#667085; --site-text:#171a2b; --site-bg:#ffffff; --site-surface:#ffffff; --site-surface-2:#f7f8fc; --site-card-shadow:0 8px 30px rgba(20,31,64,.045); } body{font-family:"DM Sans",Inter,Arial,sans-serif;font-size:16px;line-height:1.65;letter-spacing:-.012em} h1,h2,h3,h4,h5,h6{font-family:"Manrope",Inter,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12} h1{font-weight:800} h2,h3{font-weight:750} a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease} :focus-visible{outline:3px solid color-mix(in srgb,var(--site-primary) 55%,white);outline-offset:3px} .container{width:min(1200px,calc(100% - 48px))} .siteHeader{background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,228,238,.8);box-shadow:0 3px 20px rgba(25,36,70,.025)} .siteNav{min-height:78px;gap:clamp(18px,3vw,42px)} .siteBrand{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.055em} .brandMark{border-radius:13px!important;box-shadow:0 5px 14px rgba(23,105,255,.18)} .desktopNav{gap:clamp(14px,2.1vw,30px)} .desktopNav a{font-size:14px;font-weight:650;color:#555f75} .desktopNav a:hover{color:var(--site-primary)} .headerCta,.mobileMenuCta{border-radius:12px!important;font-weight:700;box-shadow:0 8px 20px rgba(23,105,255,.16);transition:transform .18s ease,box-shadow .18s ease} .headerCta:hover,.mobileMenuCta:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(23,105,255,.22)} .themeToggle{border-radius:12px!important} .heroSection,.homeHero,.hero,.pageHero{position:relative;isolation:isolate} .pageHero{overflow:hidden;background:linear-gradient(135deg,#f8faff 0%,#f2f5ff 55%,#f8f6ff 100%);border-bottom:1px solid #e8ebf5} .pageHero:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-110px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(110,91,255,.13),rgba(110,91,255,0) 68%)} .pageHero:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;left:-180px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(23,105,255,.12),rgba(23,105,255,0) 70%)} .pageHero .container{padding-top:76px;padding-bottom:76px} .pageHero h1{font-size:clamp(38px,5vw,62px);max-width:950px;line-height:1.05;letter-spacing:-.065em;margin:10px 0 18px} .pageHero p{font-size:clamp(16px,1.5vw,19px);color:#59647b;max-width:760px} .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1769ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#1769ff;box-shadow:0 0 0 4px rgba(23,105,255,.1)} .section{padding-top:68px;padding-bottom:76px} .jobCard,.companyCard,.categoryCard,.postCard,.content,.detailHeader,.jobDetailMain,.jobDetailAside,.searchPanel,.relatedBox,.postDetailMain{border:1px solid #e7eaf1;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(22,34,70,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} .jobCard:hover,.companyCard:hover,.categoryCard:hover,.postCard:hover{transform:translateY(-3px);border-color:#cbd8ff;box-shadow:0 16px 38px rgba(30,52,110,.09)} .jobCard{padding:24px} .companyCard,.categoryCard,.postCard{overflow:hidden} .searchPanel{padding:28px;border-radius:22px} input,select,textarea{border:1px solid #dfe4ef!important;border-radius:12px!important;background:#fff!important;min-height:48px} input:focus,select:focus,textarea:focus{border-color:#1769ff!important;box-shadow:0 0 0 4px rgba(23,105,255,.1)!important;outline:none} button,.button,.btn{border-radius:12px} .globalFooter{background:#f7f8fc;border-top:1px solid #e7eaf1} .footerGrid{padding-top:58px;padding-bottom:42px} .footerCol h3{font-family:"Manrope",sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase} .footerCol a,.footerIntro p{color:#667085} .footerCol a:hover{color:#1769ff} .footerBottom{border-top:1px solid #e5e8f0;color:#7b8497} .postCardLink{height:100%} .postThumb{overflow:hidden;background:#f2f5fa} .postThumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease} .postCard:hover .postThumb img{transform:scale(1.025)} .postMeta{font-weight:600;letter-spacing:.01em} .postCardBody{padding:23px} .postCardBody h2{font-size:22px;line-height:1.25;letter-spacing:-.04em} .postCardBody p{color:#667085} .postReadMore{font-size:14px} .contentPanel,.pageContent,.articleContent{border-radius:22px;box-shadow:0 8px 30px rgba(20,31,64,.04)} .jobContent{font-size:16px;line-height:1.85} .jobContent p{margin:0 0 1.15em} .jobContent h2{font-size:clamp(24px,3vw,34px)} .jobContent h3{font-size:22px} .breadcrumb{padding-top:24px;color:#7b8497} .breadcrumb a{font-weight:650} .pagination .page-numbers{border-radius:11px;font-weight:650} .empty,.emptyState{border:1px dashed #d9dfeb;border-radius:18px;background:#f8f9fc;color:#667085;padding:28px} @media(max-width:900px){ .container{width:min(100% - 32px,1200px)} .siteNav{min-height:70px} .pageHero .container{padding-top:54px;padding-bottom:54px} .section{padding-top:48px;padding-bottom:54px} .jobCard{padding:20px} } @media(max-width:600px){ body{font-size:15px} .container{width:calc(100% - 28px)} .pageHero h1{font-size:clamp(34px,10vw,46px)} .pageHero .container{padding-top:42px;padding-bottom:42px} .postCardBody{padding:18px} .postCardBody h2{font-size:20px} } html[data-theme=dark] .siteHeader{background:rgba(11,18,32,.9);border-bottom-color:var(--site-border)} html[data-theme=dark] .pageHero{background:linear-gradient(135deg,#10192a 0%,#141c31 55%,#19172f 100%);border-bottom-color:var(--site-border)} html[data-theme=dark] .pageHero p,html[data-theme=dark] .postCardBody p,html[data-theme=dark] .footerCol a,html[data-theme=dark] .footerIntro p{color:var(--site-muted)} html[data-theme=dark] .jobCard,html[data-theme=dark] .companyCard,html[data-theme=dark] .categoryCard,html[data-theme=dark] .postCard,html[data-theme=dark] .content,html[data-theme=dark] .detailHeader,html[data-theme=dark] .searchPanel,html[data-theme=dark] .postDetailMain{border-color:var(--site-border);box-shadow:none} html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--site-surface)!important;border-color:var(--site-border)!important;color:var(--site-text)!important} html[data-theme=dark] .globalFooter{background:#0d1524;border-color:var(--site-border)} /* Jobnesia 0.6.0 — job-board redesign inspired by Jobstreet's information hierarchy. Distinct Jobnesia palette; original content, data sources and destination URLs are retained. */ :root{ --site-primary:#087f8c; --site-secondary:#153b46; --site-accent:#ff9b71; --site-background:#ffffff; --site-bg:var(--site-background); --site-surface:#ffffff; --site-surface-2:#f3f8f8; --site-text:#182d36; --site-muted:#647780; --site-border:#dce7e9; --site-radius:18px; --site-container:1200px; --site-font-family:Inter,Arial,sans-serif; --site-heading-font:Inter,Arial,sans-serif; } html[data-theme=dark]{ --site-background:#0d1d23; --site-bg:var(--site-background); --site-surface:#132a32; --site-surface-2:#172f37; --site-text:#f0f7f8; --site-muted:#a6bbc1; --site-border:#29434b; } body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;letter-spacing:0;color:var(--site-text)} h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,sans-serif;letter-spacing:-.035em;line-height:1.18} .container{width:min(1200px,calc(100% - 48px))} .siteHeader{position:sticky;top:0;background:var(--site-surface);backdrop-filter:none;border-bottom:1px solid var(--site-border);box-shadow:0 2px 10px rgba(20,48,56,.035)} .siteNav{min-height:76px;gap:30px} .siteBrandText{font-size:21px;font-weight:800;letter-spacing:-.06em} .brandMark{background:var(--site-primary);border-radius:9px} .desktopNav{gap:clamp(16px,2vw,28px)} .desktopNav a{color:#465d65;font-size:14px;font-weight:650} .desktopNav a:hover{color:var(--site-primary)} .headerCta,.mobileMenuCta{background:var(--site-primary);border-radius:9px;box-shadow:none;min-height:44px;font-size:14px} .themeToggle,.mobileMenu summary{border-radius:9px} .jobstreetHero{background:linear-gradient(120deg,#f0f8f8 0%,#f6f9fb 60%,#fff5f0 100%);border-bottom:1px solid var(--site-border);padding:58px 0 44px} .jobstreetHero .heroInner{display:flex;flex-direction:column;align-items:stretch;gap:24px} .jobstreetHero .heroCopy{max-width:820px} .jobstreetHero .heroCopy .eyebrow{color:var(--site-primary)} .jobstreetHero .heroCopy h1{font-size:clamp(38px,5vw,58px);font-weight:750;line-height:1.1;letter-spacing:-.055em;max-width:800px;margin:12px 0 16px} .jobstreetHero .heroCopy p{max-width:720px;color:#526871;font-size:18px;line-height:1.6;margin:0} .jobstreetSearchPanel{width:100%;max-width:none;padding:24px;background:#fff;border:1px solid #dce7e9;border-radius:16px;box-shadow:0 10px 30px rgba(21,59,70,.07)} .jobstreetSearchPanel .searchPanelTitle{margin-bottom:16px} .jobstreetSearchPanel .searchPanelTitle>span{display:block;font-size:20px;font-weight:750;color:#182d36} .jobstreetSearchPanel .searchPanelTitle small{display:block;margin-top:3px;font-size:14px;color:#647780} .jobstreetSearchPanel .searchForm{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px} .jobstreetSearchPanel .searchField{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border:1px solid #aebfc4;border-radius:9px;background:#fff;color:#526871} .jobstreetSearchPanel .searchField:focus-within{border-color:var(--site-primary);box-shadow:0 0 0 3px rgba(8,127,140,.12)} .jobstreetSearchPanel .searchField input{width:100%;min-width:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;min-height:52px;color:#182d36} .searchFieldIcon{font-size:23px;line-height:1} .jobstreetSearchPanel .searchForm button{min-height:56px;border:0;border-radius:9px;background:var(--site-primary);color:#fff;font-weight:750;padding:0 20px} .jobstreetSearchPanel .searchForm button:hover{background:#066b76} .jobstreetSearchPanel .popular{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:15px;font-size:13px;color:#647780} .jobstreetSearchPanel .popular a{color:var(--site-primary);font-weight:700} .jobstreetHero .heroTrust{display:flex;flex-wrap:wrap;gap:22px;color:#526871;font-size:13px} .heroTrust span{display:inline-flex;align-items:center;gap:8px} .heroTrust i{width:7px;height:7px;border-radius:50%;background:var(--site-accent)} .statsBar{background:#fff;border-bottom:1px solid var(--site-border)} .statsGrid>div{padding:25px 18px} .statsGrid strong{font-size:26px;color:var(--site-secondary);letter-spacing:-.04em} .statsGrid span{font-size:13px;color:var(--site-muted)} .contentSection,.section{padding-top:56px;padding-bottom:58px} .sectionHeading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px} .sectionHeading h2{font-size:clamp(25px,3vw,34px);font-weight:750;letter-spacing:-.045em;margin:6px 0 8px} .sectionHeading p{margin:0;color:var(--site-muted)} .sectionKicker{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--site-primary)} .sectionLink{font-size:14px;font-weight:750;color:var(--site-primary)} .jobGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .jobCard{padding:22px;border:1px solid var(--site-border);border-radius:14px;box-shadow:none;background:var(--site-surface)} .jobCard:hover,.companyCard:hover,.categoryCard:hover,.postCard:hover{transform:translateY(-2px);border-color:#9ac9ce;box-shadow:0 10px 25px rgba(21,59,70,.07)} .jobCard h2,.jobCard h3{font-size:19px;line-height:1.35;font-weight:750} .jobCard .jobCompany,.companyLine{color:var(--site-primary);font-weight:650} .jobPill{display:inline-flex;border-radius:6px;background:#edf7f6;color:#17666d;padding:5px 9px;font-size:12px;font-weight:700} .logoBox{border-radius:10px;border-color:var(--site-border);background:#f7fafb} .pageHero{background:linear-gradient(120deg,#f0f8f8 0%,#f6f9fb 65%,#fff5f0 100%);border-bottom:1px solid var(--site-border);overflow:hidden} .pageHero:before{background:radial-gradient(circle,rgba(255,155,113,.18),rgba(255,155,113,0) 68%)} .pageHero:after{background:radial-gradient(circle,rgba(8,127,140,.14),rgba(8,127,140,0) 70%)} .pageHero .container{padding-top:54px;padding-bottom:54px} .pageHero h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.055em;line-height:1.1} .pageHero p{font-size:17px;color:#526871} .eyebrow{color:var(--site-primary);letter-spacing:.08em} .eyebrow:before{background:var(--site-accent);box-shadow:0 0 0 4px rgba(255,155,113,.17)} .searchPageForm{display:flex;gap:10px;max-width:780px;margin-top:22px} .searchPageForm input{flex:1;min-width:0;height:52px;border:1px solid #aebfc4!important;border-radius:9px!important;padding:0 15px} .searchPageForm button{padding:0 20px;border:0;border-radius:9px;background:var(--site-primary);color:#fff;font-weight:750} .jobSingleHero{background:linear-gradient(120deg,#f0f8f8 0%,#f6f9fb 65%,#fff5f0 100%);border-bottom:1px solid var(--site-border);padding:26px 0 38px} .jobSingleHeroInner>.sectionLink{display:inline-flex;margin:0 0 20px;color:var(--site-primary);font-weight:700} .jobSingleBody{padding-top:32px} .jobDetailLayout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start} .jobDetailMain,.jobSidebar{background:var(--site-surface);border:1px solid var(--site-border);border-radius:16px;box-shadow:0 5px 20px rgba(21,59,70,.035)} .jobDetailMain{padding:30px} .jobTop{display:flex;gap:20px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--site-border);margin-bottom:24px} .logoBox.large{width:82px;height:82px;min-width:82px;border-radius:12px} .jobMeta h1{font-size:clamp(27px,3.5vw,40px);line-height:1.16;letter-spacing:-.05em;font-weight:780;margin:8px 0 12px} .jobMeta>p{font-size:14px;margin:0 0 14px} .jobSidebar{position:sticky;top:98px;padding:24px} .jobSidebar h2{font-size:21px;font-weight:750;margin:0 0 22px} .jobSidebar p{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--site-border);font-size:14px;line-height:1.6} .jobSidebar p:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .jobSidebar strong{display:inline-block;margin-bottom:4px;color:var(--site-text);font-weight:750} .jobContent{font-size:16px;line-height:1.85;color:var(--site-text)} .jobContent h2,.jobContent h3{letter-spacing:-.025em} .jobApply{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:9px;background:var(--site-primary);color:#fff;font-weight:750} .jobApply:hover{background:#066b76;color:#fff} .jobSource{padding-top:15px;border-top:1px solid var(--site-border);font-size:13px;color:var(--site-muted)} .postCard,.companyCard,.categoryCard{border-radius:14px;box-shadow:none;border-color:var(--site-border)} .postCardBody{padding:20px} .postCardBody h2{font-size:20px;letter-spacing:-.03em} .postCardBody p{color:var(--site-muted)} .contentPanel,.articleContent,.pageContent{border:1px solid var(--site-border);border-radius:16px;box-shadow:none;background:var(--site-surface);padding:28px} .articleLayout{grid-template-columns:minmax(0,1fr) 300px;gap:24px} .articleSidebar .contentPanel{padding:22px} .globalFooter{background:#f4f8f8;border-top:1px solid var(--site-border)} .footerGrid{padding-top:48px;padding-bottom:36px} .footerBottom{border-top:1px solid var(--site-border)} input,select,textarea{border-radius:9px!important} :focus-visible{outline:3px solid rgba(8,127,140,.35);outline-offset:2px} html[data-theme=dark] .jobstreetHero,html[data-theme=dark] .pageHero,html[data-theme=dark] .jobSingleHero{background:linear-gradient(120deg,#122c33 0%,#13252e 65%,#30251f 100%);border-color:var(--site-border)} html[data-theme=dark] .jobstreetSearchPanel,html[data-theme=dark] .jobstreetSearchPanel .searchField{background:var(--site-surface);border-color:var(--site-border)} html[data-theme=dark] .jobstreetSearchPanel .searchPanelTitle>span,html[data-theme=dark] .jobstreetSearchPanel .searchField input{color:var(--site-text)} html[data-theme=dark] .jobstreetSearchPanel .searchPanelTitle small,html[data-theme=dark] .jobstreetHero .heroCopy p,html[data-theme=dark] .jobstreetHero .heroTrust,html[data-theme=dark] .pageHero p{color:var(--site-muted)} html[data-theme=dark] .statsBar,html[data-theme=dark] .statsGrid{background:var(--site-surface)} html[data-theme=dark] .jobPill{background:#183d42;color:#b5e7e4} html[data-theme=dark] .globalFooter{background:#10232a} @media(max-width:850px){ .jobDetailLayout,.articleLayout{grid-template-columns:1fr} .jobSidebar{position:static} .jobGrid{grid-template-columns:1fr} .jobstreetHero{padding-top:42px} .jobstreetHero .heroCopy h1{font-size:clamp(34px,7vw,48px)} .jobstreetSearchPanel .searchForm{grid-template-columns:1fr} .jobstreetSearchPanel .searchForm button{width:100%} } @media(max-width:560px){ .container{width:calc(100% - 28px)} .siteNav{gap:12px} .jobstreetHero{padding:34px 0 30px} .jobstreetSearchPanel{padding:17px} .jobstreetHero .heroCopy p{font-size:16px} .jobstreetHero .heroTrust{gap:10px 16px} .statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .statsGrid>div{padding:18px 10px} .jobDetailMain{padding:20px} .jobTop{gap:14px} .logoBox.large{width:62px;height:62px;min-width:62px} .jobMeta h1{font-size:27px} .jobSidebar{padding:20px} .sectionHeading{align-items:flex-start;flex-direction:column} .searchPageForm{flex-direction:column} .searchPageForm button{min-height:48px} } /* Jobnesia 0.7.0 — structural JobStreet-inspired redesign */ :root{--jn-ink:#18343b;--jn-muted:#60757a;--jn-teal:#087f8c;--jn-teal-dark:#06636d;--jn-mint:#eaf6f5;--jn-peach:#ffb18e;--jn-line:#dbe7e8;--jn-paper:#fff;--jn-soft:#f5f9f9} .homeSearchHero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 66px;background:linear-gradient(112deg,#eef8f7 0%,#f7fbfa 58%,#fff4ee 100%);border:0} .homeSearchLayout{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:54px;min-height:330px} .homeHeroText{position:relative;z-index:2;max-width:650px} .homeEyebrow,.homeSectionEyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--jn-teal);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .homeEyebrowDot{width:8px;height:8px;border-radius:50%;background:var(--jn-peach);box-shadow:0 0 0 5px rgba(255,177,142,.18)} .homeHeroText h1{max-width:650px;margin:20px 0 18px;color:var(--jn-ink);font-size:clamp(42px,5.1vw,66px);font-weight:780;line-height:1.035;letter-spacing:-.065em} .homeHeroText>p{max-width:550px;margin:0;color:#526b71;font-size:18px;line-height:1.7} .homeHeroProof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:27px;color:#425e64;font-size:13px;font-weight:650} .homeHeroProof span{display:inline-flex;align-items:center;gap:7px}.homeHeroProof b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d9efeb;color:var(--jn-teal);font-size:12px} .homeSearchCard{position:relative;z-index:3;padding:28px;background:#fff;border:1px solid #e0ebeb;border-radius:18px;box-shadow:0 22px 60px rgba(19,70,76,.11)} .homeSearchCardHeading{display:flex;align-items:center;gap:13px;margin-bottom:21px}.homeSearchIcon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--jn-mint);color:var(--jn-teal);font-size:30px}.homeSearchCardHeading h2{margin:0;color:var(--jn-ink);font-size:21px;font-weight:780;letter-spacing:-.035em}.homeSearchCardHeading p{margin:4px 0 0;color:#718388;font-size:13px} .homeSearchForm{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px}.homeSearchInput{display:flex;align-items:center;gap:10px;min-width:0;padding:0 13px;border:1px solid #bdcdcf;border-radius:9px;color:#5b7479}.homeSearchInput>span{font-size:22px}.homeSearchInput input{width:100%;min-width:0;height:53px;min-height:53px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--jn-ink)}.homeSearchForm button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:55px;padding:0 14px;border:0;border-radius:9px;background:var(--jn-teal);color:#fff;font-weight:750;white-space:nowrap}.homeSearchForm button:hover,.jobDetailApplyTop:hover,.jobSidebarApply:hover{background:var(--jn-teal-dark);color:#fff} .homeSearchQuick{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin-top:17px;font-size:12px}.homeSearchQuick>span{color:#78898d}.homeSearchQuick a{color:var(--jn-teal);font-weight:750}.homeHeroDecor{position:absolute;z-index:0;inset:0;pointer-events:none}.decorCircle{position:absolute;display:block;border-radius:50%}.decorCircleOne{width:310px;height:310px;right:-145px;top:-170px;background:rgba(255,177,142,.22)}.decorCircleTwo{width:240px;height:240px;left:42%;bottom:-225px;border:42px solid rgba(8,127,140,.07)}.decorSpark{position:absolute;right:3%;top:9%;font-size:40px;color:#e99a78}.decorMiniCard{position:absolute;right:39%;bottom:7%;display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid rgba(219,231,232,.9);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(25,70,76,.08);transform:rotate(-4deg)}.decorMiniIcon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e9f5f3;color:var(--jn-teal);font-size:20px}.decorMiniCard b,.decorMiniCard small{display:block}.decorMiniCard b{font-size:12px;color:var(--jn-ink)}.decorMiniCard small{margin-top:3px;font-size:10px;color:var(--jn-muted)} .homeTrustStrip{background:#fff;border-bottom:1px solid #e6eeee}.homeTrustInner{display:flex;align-items:center;justify-content:center;gap:48px;padding-top:22px;padding-bottom:22px}.homeTrustInner>div{display:flex;align-items:baseline;gap:9px}.homeTrustInner strong{color:var(--jn-ink);font-size:20px;font-weight:800;letter-spacing:-.04em}.homeTrustInner span{color:#718388;font-size:12px}.homeTrustInner>i{width:1px;height:30px;background:#dce7e8} .homeBrowseSection,.homeArticlesSection{padding-top:70px;padding-bottom:72px}.homeSectionHeading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.homeSectionHeading h2{margin:8px 0 7px;color:var(--jn-ink);font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.05em;font-weight:780}.homeSectionHeading p{margin:0;color:#708287;font-size:15px}.homeSectionHeading>a{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:var(--jn-teal);font-size:13px;font-weight:800}.homeSectionHeading>a span{font-size:19px;transition:transform .2s}.homeSectionHeading>a:hover span{transform:translateX(3px)} .homeCategoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.homeCategoryCard{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:145px;padding:19px;border:1px solid #dce8e8;border-radius:13px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.homeCategoryCard:hover{transform:translateY(-3px);border-color:#9bcacc;box-shadow:0 12px 26px rgba(21,74,80,.07)}.homeCategoryIcon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:17px;border-radius:11px;background:#eaf6f5;color:var(--jn-teal);font-size:21px}.homeCategoryName{color:var(--jn-ink);font-size:15px;font-weight:780}.homeCategoryCard small{margin-top:5px;color:#7a8b8f;font-size:12px}.homeCategoryCard>b{position:absolute;right:17px;top:24px;color:#9aaeb0;font-size:16px} .homeLatestSection{padding:68px 0 72px;background:#f5f9f9;border-top:1px solid #edf2f2;border-bottom:1px solid #e6eeee}.homeLatestGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.homeLatestGrid .jobCard{padding:22px;border:1px solid #dfe9e9;border-radius:13px;background:#fff;box-shadow:none}.homeLatestGrid .jobCard:hover{border-color:#9bcacc;box-shadow:0 12px 26px rgba(21,74,80,.07);transform:translateY(-2px)}.homeLatestGrid .jobCard h3{font-size:18px;line-height:1.35;color:var(--jn-ink)}.homeLatestGrid .companyLine{color:var(--jn-teal);font-size:13px}.homeLatestGrid .jobMeta{color:#6c8085!important}.homeMobileAllJobs{display:none} .homeLocationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homeLocationGrid>a{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid #dce8e8;border-radius:12px;background:#fff}.homeLocationGrid>a:hover{border-color:#9bcacc;background:#fbfefe}.homeLocationPin{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#eaf6f5;color:var(--jn-teal);font-size:23px}.homeLocationGrid>a>span:nth-child(2){display:block;min-width:0;flex:1}.homeLocationGrid b,.homeLocationGrid small{display:block;overflow:hidden;text-overflow:ellipsis}.homeLocationGrid b{color:var(--jn-ink);font-size:14px}.homeLocationGrid small{margin-top:4px;color:#718388;font-size:12px}.homeLocationGrid>a>strong{color:var(--jn-teal);font-size:18px} .homeCompanyCallout{overflow:hidden;background:#eaf6f5;border-top:1px solid #dceceb;border-bottom:1px solid #dceceb}.homeCompanyCalloutInner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:250px;padding-top:48px;padding-bottom:48px}.homeCompanyCalloutInner>div:first-child{position:relative;z-index:1;max-width:680px}.homeCompanyCallout h2{max-width:630px;margin:10px 0 10px;color:var(--jn-ink);font-size:clamp(28px,3.6vw,42px);line-height:1.13;letter-spacing:-.05em}.homeCompanyCallout p{margin:0;color:#5e777c;font-size:15px;line-height:1.65}.homeCompanyCalloutInner>a{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:15px 19px;border-radius:9px;background:var(--jn-teal);color:#fff;font-size:13px;font-weight:800}.homeCalloutGraphic{position:absolute;right:19%;bottom:-76px;display:grid;place-items:center;width:190px;height:190px;border:20px solid rgba(8,127,140,.08);border-radius:50%;transform:rotate(-13deg)}.homeCalloutGraphic>span{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#fff;color:var(--jn-teal);font-size:40px;font-weight:850;box-shadow:0 10px 25px rgba(8,127,140,.12)}.homeCalloutGraphic>i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--jn-peach)}.homeCalloutGraphic>i:nth-child(2){top:0;right:15px}.homeCalloutGraphic>i:nth-child(3){bottom:25px;left:0;background:var(--jn-teal)}.homeCalloutGraphic>i:nth-child(4){top:36px;left:0} .homeArticlesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.homeArticleCard{overflow:hidden;border:1px solid #dfe9e9;border-radius:14px;background:#fff;transition:transform .2s,box-shadow .2s}.homeArticleCard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(21,74,80,.08)}.homeArticleImage{display:grid;place-items:center;overflow:hidden;aspect-ratio:16/9;background:#eaf6f5}.homeArticleImage img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.homeArticleCard:hover .homeArticleImage img{transform:scale(1.03)}.homeArticlePlaceholder{color:var(--jn-teal);font-size:58px;font-weight:850;letter-spacing:-.08em}.homeArticleCopy{padding:20px}.homeArticleCopy>small{color:#7c8d91;font-size:11px}.homeArticleCopy h3{margin:9px 0;color:var(--jn-ink);font-size:18px;line-height:1.35;letter-spacing:-.025em}.homeArticleCopy h3 a{color:inherit}.homeArticleCopy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 15px;color:#708287;font-size:13px;line-height:1.65}.homeArticleRead{color:var(--jn-teal);font-size:12px;font-weight:800}.homeArticleRead span{margin-left:5px} /* Single job: full-width listing hero, metadata chips, readable description and actionable sidebar. */ .jobDetailHero{padding:28px 0 0;background:linear-gradient(115deg,#edf7f6 0%,#f7faf9 68%,#fff3ec 100%);border-bottom:1px solid #e2eceb}.jobDetailHeroContainer{padding-bottom:34px}.jobBackLink{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#527076;font-size:13px;font-weight:700}.jobBackLink:hover{color:var(--jn-teal)}.jobDetailHeroCard{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid #dce8e8;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(25,70,76,.06)}.jobDetailHeroMain{display:flex;align-items:flex-start;gap:21px;min-width:0}.jobDetailLogo{display:grid;place-items:center;flex-shrink:0;width:82px;height:82px;overflow:hidden;border:1px solid #e1eaea;border-radius:14px;background:#f7fafa;color:var(--jn-teal);font-size:28px;font-weight:850}.jobDetailLogo img{width:100%;height:100%;object-fit:contain}.jobDetailHeroText{min-width:0}.jobDetailCompany{display:block;margin:2px 0 7px;color:var(--jn-teal);font-size:14px;font-weight:800}.jobDetailHeroText h1{max-width:800px;margin:0 0 15px;color:var(--jn-ink);font-size:clamp(27px,3.4vw,42px);line-height:1.13;letter-spacing:-.05em;font-weight:800}.jobDetailQuickMeta{display:flex;flex-wrap:wrap;gap:9px}.jobDetailQuickMeta>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e4ecec;border-radius:7px;background:#fbfdfd;color:#516a70;font-size:12px}.jobDetailQuickMeta b{color:var(--jn-teal);font-size:15px}.jobDetailHeroActions{display:flex;flex-direction:column;align-items:stretch;gap:13px;min-width:180px}.jobDetailApplyTop,.jobSidebarApply{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 18px;border-radius:9px;background:var(--jn-teal);color:#fff;font-size:13px;font-weight:800}.jobDetailFresh{display:flex;align-items:center;justify-content:center;gap:7px;color:#77898d;font-size:11px;white-space:nowrap}.jobDetailFresh i{width:7px;height:7px;border-radius:50%;background:#36a67c}.jobDetailContentSection{padding-top:36px;padding-bottom:75px}.jobDetailLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.jobDetailMain,.jobSidebar{border:1px solid #e0e9e9;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(25,70,76,.035)}.jobDetailMain{padding:32px}.jobDetailContentTitle{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e7eeee}.jobDetailContentTitle>span,.jobSidebarHead>span{color:var(--jn-teal);font-size:10px;font-weight:850;letter-spacing:.13em}.jobDetailContentTitle h2,.jobSidebarHead h2{margin:7px 0 0;color:var(--jn-ink);font-size:24px;line-height:1.2;letter-spacing:-.04em}.jobContent{color:#344d53;font-size:15px;line-height:1.85}.jobContent h2,.jobContent h3{margin-top:1.7em;color:var(--jn-ink);line-height:1.3}.jobContent li{margin:0 0 8px}.jobDetailBottomApply{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:20px;border-radius:11px;background:#f0f8f7}.jobDetailBottomApply strong,.jobDetailBottomApply span{display:block}.jobDetailBottomApply strong{color:var(--jn-ink);font-size:14px}.jobDetailBottomApply span{margin-top:4px;color:#708287;font-size:12px}.jobDetailBottomApply .jobApply{flex-shrink:0;white-space:nowrap}.jobSidebar{position:sticky;top:95px;padding:24px}.jobSidebarHead{margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #e5eeee}.jobSummaryItem{padding:12px 0;border-bottom:1px solid #edf1f1}.jobSummaryItem>span,.jobSummaryItem>strong{display:block}.jobSummaryItem>span{margin-bottom:5px;color:#829195;font-size:11px}.jobSummaryItem>strong{color:#28454c;font-size:13px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.jobSidebarApply{margin-top:19px}.jobSource{margin-top:25px;padding-top:15px;border-top:1px solid #e7eeee;color:#718388;font-size:12px} html[data-theme=dark] .homeSearchHero,html[data-theme=dark] .jobDetailHero{background:linear-gradient(115deg,#122e33 0%,#15272e 68%,#30251f 100%)}html[data-theme=dark] .homeHeroText h1,html[data-theme=dark] .homeSectionHeading h2,html[data-theme=dark] .homeCompanyCallout h2,html[data-theme=dark] .homeArticleCopy h3,html[data-theme=dark] .jobDetailHeroText h1,html[data-theme=dark] .jobDetailContentTitle h2,html[data-theme=dark] .jobSidebarHead h2{color:var(--site-text)}html[data-theme=dark] .homeSearchCard,html[data-theme=dark] .homeTrustStrip,html[data-theme=dark] .homeCategoryCard,html[data-theme=dark] .homeLatestGrid .jobCard,html[data-theme=dark] .homeLocationGrid>a,html[data-theme=dark] .homeArticleCard,html[data-theme=dark] .jobDetailHeroCard,html[data-theme=dark] .jobDetailMain,html[data-theme=dark] .jobSidebar{background:var(--site-surface);border-color:var(--site-border)}html[data-theme=dark] .homeLatestSection{background:#10262b;border-color:var(--site-border)}html[data-theme=dark] .homeCompanyCallout{background:#153438;border-color:var(--site-border)}html[data-theme=dark] .homeHeroText>p,html[data-theme=dark] .homeHeroProof,html[data-theme=dark] .homeSectionHeading p,html[data-theme=dark] .homeArticleCopy p,html[data-theme=dark] .jobContent{color:var(--site-muted)}html[data-theme=dark] .homeSearchCardHeading h2,html[data-theme=dark] .homeCategoryName,html[data-theme=dark] .homeLatestGrid .jobCard h3,html[data-theme=dark] .homeLocationGrid b,html[data-theme=dark] .jobSummaryItem>strong{color:var(--site-text)} @media(max-width:1000px){.homeSearchLayout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:25px}.homeHeroText h1{font-size:clamp(39px,5vw,54px)}.decorMiniCard{display:none}.homeCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jobDetailHeroCard{align-items:flex-start}.jobDetailHeroActions{min-width:155px}.homeLocationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.homeSearchHero{padding:47px 0 38px}.homeSearchLayout{grid-template-columns:1fr;gap:28px}.homeHeroText h1{max-width:620px;font-size:clamp(37px,8vw,53px)}.homeHeroText>p{font-size:16px}.homeHeroProof{gap:10px 15px}.homeSearchCard{padding:21px}.homeTrustInner{justify-content:space-between;gap:12px}.homeTrustInner>div{display:flex;flex-direction:column;gap:2px}.homeTrustInner strong{font-size:17px}.homeTrustInner span{font-size:10px}.homeTrustInner>i{height:28px}.homeBrowseSection,.homeArticlesSection{padding-top:48px;padding-bottom:49px}.homeSectionHeading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:20px}.homeSectionHeading h2{font-size:29px}.homeLatestSection{padding:48px 0}.homeLatestGrid{grid-template-columns:1fr}.homeLocationGrid{grid-template-columns:1fr 1fr}.homeCompanyCalloutInner{align-items:flex-start;flex-direction:column;gap:19px;padding-top:40px;padding-bottom:40px}.homeCalloutGraphic{right:-38px;bottom:-90px;opacity:.55}.homeCompanyCalloutInner>a{padding:13px 16px}.homeArticlesGrid{grid-template-columns:1fr 1fr;gap:13px}.homeArticleCopy{padding:15px}.homeArticleCopy h3{font-size:16px}.homeArticleCopy p{font-size:12px}.jobDetailHeroCard{flex-direction:column;padding:22px;gap:20px}.jobDetailHeroMain{gap:15px}.jobDetailLogo{width:65px;height:65px}.jobDetailHeroText h1{font-size:30px}.jobDetailHeroActions{width:100%;min-width:0}.jobDetailFresh{justify-content:flex-start}.jobDetailContentSection{padding-top:24px;padding-bottom:48px}.jobDetailLayout{grid-template-columns:1fr}.jobDetailMain{padding:23px}.jobSidebar{position:static}.jobDetailBottomApply{align-items:flex-start;flex-direction:column}.jobDetailBottomApply .jobApply{width:100%}} @media(max-width:480px){.homeSearchForm{grid-template-columns:1fr}.homeSearchForm button{min-height:50px}.homeSearchQuick{gap:9px 12px}.homeSearchQuick>span{width:100%}.homeTrustInner{gap:8px}.homeTrustInner strong{font-size:15px}.homeTrustInner span{max-width:100px;line-height:1.35}.homeCategoryGrid{gap:9px}.homeCategoryCard{min-height:132px;padding:14px}.homeCategoryIcon{width:34px;height:34px;margin-bottom:12px}.homeCategoryName{font-size:13px}.homeCategoryCard small{font-size:11px}.homeLocationGrid{grid-template-columns:1fr}.homeArticlesGrid{grid-template-columns:1fr}.homeArticleImage{aspect-ratio:16/8}.homeMobileAllJobs{display:block;margin-top:22px}.homeMobileAllJobs a{display:flex;justify-content:center;padding:14px;border:1px solid #9bcacc;border-radius:9px;color:var(--jn-teal);font-size:13px;font-weight:800}.jobDetailHeroText h1{font-size:26px}.jobDetailQuickMeta>span{font-size:11px}.jobDetailMain{padding:19px}} /* Jobnesia V0.7.1 — unified professional cards, sharing, and clear section priority */ .homeLatestSection{order:initial} .homeCategoryCard,.homeLocationGrid>a,.homeLocationCard,.entityCard,.jobCard,.homeArticleCard,.postCard{position:relative;min-width:0;overflow:hidden;border:1px solid #dce7e9;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(21,59,70,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} .homeCategoryCard:hover,.homeLocationGrid>a:hover,.homeLocationCard:hover,.entityCard:hover,.jobCard:hover,.homeArticleCard:hover,.postCard:hover{transform:translateY(-3px);border-color:#a7cacc;box-shadow:0 15px 34px rgba(21,59,70,.09)} .homeCategoryCard{padding:0}.homeCategoryCard .homeCardMainLink{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:145px;padding:19px;color:inherit;text-decoration:none}.homeCategoryCard .homeCategoryIcon{margin-bottom:15px}.homeCategoryCard .homeCategoryName{padding-right:25px}.homeCategoryCard .homeCardMainLink>b{position:absolute;right:18px;top:23px} .homeLocationGrid>a{padding:17px;text-decoration:none}.homeLocationCard{display:flex;align-items:stretch;padding:0}.homeLocationCard>a{display:flex;align-items:center;gap:13px;flex:1;min-width:0;padding:16px;color:inherit;text-decoration:none}.homeLocationCard>a>span:nth-child(2){flex:1;min-width:0} .entityCard{padding:22px}.entityCardMainLink{display:block;color:inherit;text-decoration:none}.entityCard h2{margin:11px 36px 8px 0;font-size:18px;line-height:1.3;font-weight:780;letter-spacing:-.025em}.entityCard p{margin:0;color:#718187;font-size:13px;line-height:1.55}.entityIcon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf5f4;color:#087f8c;font-size:23px}.entityCardMore{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #edf1f2;color:#087f8c;font-size:12px;font-weight:800}.companyEntityCard .companyEntityLink{display:flex;align-items:center;gap:14px}.companyEntityCard .companyEntityLink .logoBox{flex:0 0 62px}.companyEntityCard .companyEntityLink h2{margin:0;font-size:17px}.companyEntityCard>p{margin:15px 0}.companyEntityCard>a:not(.companyEntityLink){display:inline-flex;align-items:center;gap:5px;margin:5px 10px 0 0;font-size:12px;font-weight:750} .jobCard{display:flex;flex-direction:column;padding:21px}.jobCardMainLink{display:block;flex:1;min-width:0;color:inherit;text-decoration:none}.jobCardTop{padding-right:34px;gap:14px}.jobCardBody h3{font-size:17px;line-height:1.38}.jobMeta{display:grid;gap:9px;margin-top:18px!important;color:#63777d!important;font-size:12px!important}.jobMeta span{display:flex;align-items:center;gap:9px}.jobMeta i{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:#edf6f5;color:#087f8c;font-style:normal;font-size:14px}.jobCardFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #edf1f2}.jobCardDate{font-size:11px;color:#849397}.jobCardActions{display:flex;align-items:center;gap:10px}.jobCardActions>a{color:#087f8c;font-size:12px;font-weight:800;text-decoration:none}.jobShareButton{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dce7e9;border-radius:10px;background:#fff;color:#28525a;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.jobShareButton svg{display:block;width:17px;height:17px}.jobShareButton:hover{background:#eaf6f5;border-color:#93c7c9;color:#087f8c;transform:translateY(-1px)}.cardShareButton{position:absolute;top:15px;right:15px;z-index:3}.jobCard .jobCardActions .jobShareButton{position:static} .homeArticleCard{display:flex;flex-direction:column}.homeArticleImage{display:block;aspect-ratio:16/8;overflow:hidden}.homeArticleImage img{width:100%;height:100%;object-fit:cover}.homeArticleCopy{flex:1}.homeArticleCopy h3{padding-right:22px}.postCard{height:100%}.postCardLink{display:block;color:inherit;text-decoration:none}.postCardBody{padding:21px}.postCard h2{font-size:18px;line-height:1.35;padding-right:20px}.postCard p{color:#718187;font-size:13px;line-height:1.65} .shareModalBackdrop[hidden]{display:none!important}.shareModalBackdrop{z-index:100050}.shareModal{max-height:calc(100dvh - 32px);overflow:auto}.shareModalOpen{overflow:hidden}.shareCopied[hidden]{display:none}.shareModalClose{z-index:1}.detailShareButton{flex:0 0 42px;width:42px;height:42px;margin-right:8px}.jobDetailHeroActions{display:flex;align-items:center;justify-content:flex-end;gap:8px} html[data-theme=dark] .homeCategoryCard,html[data-theme=dark] .homeLocationGrid>a,html[data-theme=dark] .homeLocationCard,html[data-theme=dark] .entityCard,html[data-theme=dark] .jobCard,html[data-theme=dark] .homeArticleCard,html[data-theme=dark] .postCard{background:var(--site-surface,#111a2b);border-color:var(--site-border,#263247);box-shadow:none}html[data-theme=dark] .entityCard p,html[data-theme=dark] .jobCardDate,html[data-theme=dark] .jobMeta{color:var(--site-muted,#a7b0c0)!important}html[data-theme=dark] .entityCardMore,html[data-theme=dark] .jobCardFooter{border-color:var(--site-border,#263247)}html[data-theme=dark] .entityIcon,html[data-theme=dark] .jobMeta i{background:#17383d;color:#72d0d0}html[data-theme=dark] .jobShareButton{background:#111a2b;border-color:#263247;color:#e7eef5} @media(max-width:760px){.homeLatestGrid{grid-template-columns:minmax(0,1fr)}.homeCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.companyGrid,.locationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.entityCard{padding:17px}.cardShareButton{top:11px;right:11px}.jobCard{padding:17px}.jobCardTop{padding-right:32px}.jobDetailHeroActions{justify-content:flex-start;flex-wrap:wrap}} @media(max-width:480px){.companyGrid,.locationGrid{grid-template-columns:minmax(0,1fr)}.homeCategoryGrid{gap:10px}.homeCategoryCard .homeCardMainLink{min-height:132px;padding:15px}.entityCard h2{font-size:17px}.shareOptions{grid-template-columns:repeat(4,minmax(0,1fr))}} /* V0.7.2 — homepage search restored and consistent JobStreet-inspired page heroes */ .homeSearchHeroClassic{ padding:32px 0 38px; background:linear-gradient(135deg,#e8f4ff 0%,#d8ebfb 46%,#f0f7fb 100%); border-bottom:0; } .homeSearchHeroClassic:after{display:none} .homeSearchHeroClassic .homeSearchLayout{display:block;min-height:0} .homeSearchHeroClassic .homeHeroText,.homeSearchHeroClassic .homeHeroDecor{display:none} .homeSearchHeroClassic .homeSearchCard{ width:min(100%,650px);margin:0 auto;padding:28px 26px 25px; border:1px solid rgba(255,255,255,.92);border-radius:17px; background:#fff;box-shadow:0 18px 48px rgba(26,69,103,.12) } .homeSearchHeroClassic .homeSearchCardHeading{margin:0 0 19px} .homeSearchHeroClassic .homeSearchCardHeading h2{font-size:22px;line-height:1.25;color:#101d2b} .homeSearchHeroClassic .homeSearchCardHeading p{font-size:13px;line-height:1.5;color:#65758a} .homeSearchHeroClassic .homeSearchFormStacked{display:grid;grid-template-columns:minmax(0,1fr);gap:10px} .homeSearchHeroClassic .homeSearchInput, .homeSearchHeroClassic .homeSearchSelect{ display:flex;align-items:center;gap:11px;min-width:0;width:100%;height:53px; padding:0 14px;border:1px solid #dce5e8;border-radius:11px;background:#fff;color:#647a98 } .homeSearchHeroClassic .homeSearchInput>span, .homeSearchHeroClassic .homeSearchSelect>span:first-child{display:grid;place-items:center;flex:0 0 19px;font-size:20px;color:#647a98} .homeSearchHeroClassic .homeSearchInput input{ width:100%;height:51px;min-height:51px;padding:0;border:0!important;outline:0; background:transparent!important;box-shadow:none!important;color:#102334;font-size:15px } .homeSearchHeroClassic .homeSearchSelect{position:relative} .homeSearchHeroClassic .homeSearchSelect select{ appearance:none;-webkit-appearance:none;width:100%;height:50px;min-width:0;padding:0 25px 0 0; border:0!important;outline:0;background:transparent!important;box-shadow:none!important; color:#102334;font-size:15px;cursor:pointer } .homeSearchHeroClassic .homeSearchSelect .selectChevron{position:absolute;right:14px;top:14px;color:#102334;font-size:17px;pointer-events:none} .homeSearchHeroClassic .homeSearchFormStacked button{ width:100%;height:53px;min-height:53px;margin-top:0;border:0;border-radius:10px; background:#078cf0;color:#fff;font-weight:800;font-size:15px } .homeSearchHeroClassic .homeSearchFormStacked button:hover{background:#0878d1} .homeSearchHeroClassic .homeSearchQuick{gap:9px 13px;margin-top:16px;font-size:12px} .homeSearchHeroClassic .homeSearchQuick>span{color:#66758b} .homeSearchHeroClassic .homeSearchQuick a{color:#078cf0;font-weight:800} .homeSearchHeroClassic .homeSearchInput:focus-within,.homeSearchHeroClassic .homeSearchSelect:focus-within{border-color:#078cf0;box-shadow:0 0 0 3px rgba(7,140,240,.1)} .homeTrustStrip{background:#fff} .homeBrowseSection{padding-top:58px;padding-bottom:10px} .homeBrowseSection .homeSectionHeading{margin-bottom:24px} .homeCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch} .homeCategoryCard{ min-width:0;min-height:152px;height:100%;padding:18px 17px; border:1px solid #dbe5e9;border-radius:15px;background:#fff; box-shadow:0 5px 16px rgba(19,45,63,.035);overflow:hidden } .homeCategoryCard:hover{transform:translateY(-3px);border-color:#9ccbd2;box-shadow:0 14px 30px rgba(19,45,63,.09)} .homeCategoryIcon{width:38px;height:38px;margin-bottom:13px;flex:0 0 38px} .homeCategoryName{display:-webkit-box;min-height:2.65em;max-width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font-size:14px;line-height:1.35} .homeCategoryCard small{margin-top:8px;line-height:1.35} .homeCategoryCard>b{display:none} .homeCategoryCard .cardShareButton{top:14px;right:14px} .homeLocationGrid{align-items:stretch} .homeLocationGrid>a{min-height:82px;border-radius:14px;box-shadow:0 5px 16px rgba(19,45,63,.035)} .homeArticlesGrid,.homeLatestGrid,.companyGrid,.locationGrid,.postGrid{align-items:stretch} .entityCard,.postCard,.homeArticleCard,.jobCard{border-radius:15px!important;overflow:hidden} .entityCard h2{overflow-wrap:anywhere} .pageHero{ position:relative;isolation:isolate;overflow:hidden;padding:0; min-height:270px;border:0;background:linear-gradient(105deg,#09295f 0%,#09295f 54%,#071b45 100%); color:#fff } .pageHero:before{ content:"";position:absolute;z-index:-2;inset:0;height:auto; background:radial-gradient(ellipse at 78% 18%,rgba(34,105,207,.42),transparent 42%),linear-gradient(105deg,#0a2d68 0%,#09245a 60%,#071b45 100%) } .pageHero:after{ content:"";position:absolute;z-index:-1;right:max(5%,calc((100vw - 1200px)/2 + 20px));top:50%; width:300px;height:250px;transform:translateY(-50%);border-radius:48% 52% 44% 56%; background: radial-gradient(circle at 52% 22%,#d4e5f8 0 27px,transparent 28px), radial-gradient(ellipse at 52% 66%,#9bbbe3 0 69px,transparent 70px), radial-gradient(circle at 19% 35%,#f2a4d4 0 17px,transparent 18px), radial-gradient(circle at 84% 31%,#ff9b71 0 20px,transparent 21px), radial-gradient(ellipse at 54% 54%,rgba(36,101,199,.75) 0 48%,transparent 49%); filter:drop-shadow(0 16px 35px rgba(0,0,0,.2));opacity:.92;pointer-events:none } .pageHero .container{ position:relative;z-index:1;width:min(var(--site-container),calc(100% - 40px)); min-height:270px;margin-inline:auto;padding:48px 350px 44px 0 } .pageHero .eyebrow,.pageHero .homeSectionEyebrow{color:#6ee0db} .pageHero h1{max-width:720px;margin:7px 0 12px;color:#fff;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em} .pageHero p{max-width:650px;margin:0;color:#e0e9f7;font-size:16px;line-height:1.65} .pageHero .listingSearch{position:relative;z-index:2;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;margin-top:24px;padding:7px;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.13)} .pageHero .listingSearch input,.pageHero .listingSearch select{height:45px;min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#24364b} .pageHero .listingSearch button{height:45px;border-radius:8px;background:#078cf0;color:#fff} .pageHero .heroUniversalSearch{display:flex;align-items:center;gap:9px;width:min(100%,620px);margin-top:25px;padding:6px;border:1px solid rgba(255,255,255,.78);border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.13)} .pageHero .heroUniversalSearch label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 10px;color:#526b86} .pageHero .heroUniversalSearch label span{font-size:23px} .pageHero .heroUniversalSearch input{width:100%;height:43px;min-width:0;padding:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#15263b} .pageHero .heroUniversalSearch button{height:43px;padding:0 17px;border:0;border-radius:8px;background:#078cf0;color:#fff;font-weight:800;white-space:nowrap} .pageHero:has(.listingSearch) .container{padding-right:0} .pageHero:has(.listingSearch):after{opacity:.23;right:4%;width:210px} html[data-theme=dark] .homeSearchHeroClassic{background:linear-gradient(135deg,#0b1a2b,#122b42)} html[data-theme=dark] .homeSearchHeroClassic .homeSearchCard{background:#fff} html[data-theme=dark] .homeTrustStrip{background:var(--site-bg)} html[data-theme=dark] .homeLatestSection{background:var(--site-bg)} html[data-theme=dark] .homeBrowseSection .homeCategoryCard, html[data-theme=dark] .homeBrowseSection .homeLocationGrid>a{background:var(--site-surface);border-color:var(--site-border)} @media(max-width:900px){ .homeCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))} .pageHero:after{right:1%;width:220px;opacity:.35} .pageHero .container{padding-right:230px} .pageHero:has(.listingSearch) .container{padding-right:0} .pageHero .listingSearch{grid-template-columns:repeat(2,minmax(0,1fr))} .pageHero .listingSearchKeyword{grid-column:1/-1} .pageHero .listingSearch button{width:100%} } @media(max-width:640px){ .homeSearchHeroClassic{padding:20px 0 24px} .homeSearchHeroClassic .homeSearchCard{padding:23px 18px 20px;border-radius:15px} .homeSearchHeroClassic .homeSearchCardHeading h2{font-size:21px} .homeCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} .homeCategoryCard{min-height:145px;padding:15px 13px} .homeCategoryCard .cardShareButton{top:10px;right:10px} .pageHero{min-height:0} .pageHero:after{width:125px;height:145px;right:-18px;top:35%;opacity:.22} .pageHero .container{width:calc(100% - 32px);min-height:0;padding:35px 0 31px} .pageHero h1{font-size:31px;max-width:85%} .pageHero p{max-width:92%;font-size:14px} .pageHero .heroUniversalSearch{margin-top:19px} .pageHero .heroUniversalSearch button{padding:0 12px;font-size:12px} .pageHero .heroUniversalSearch input{font-size:13px} .pageHero .listingSearch{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px} .pageHero .listingSearchKeyword{grid-column:auto} .pageHero .listingSearch input,.pageHero .listingSearch select{width:100%} .pageHero:has(.listingSearch):after{opacity:.12} } /* V0.7.3 — restore homepage hero copy/background and polish native dropdowns */ .homeSearchHeroClassic{padding:58px 0 56px;background:linear-gradient(118deg,#e8f3ff 0%,#d9eafa 47%,#f0f7ff 100%)} .homeSearchHeroClassic .homeSearchLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:clamp(28px,4vw,58px);min-height:340px} .homeSearchHeroClassic .homeHeroText{display:block;max-width:620px} .homeSearchHeroClassic .homeHeroText h1{margin:17px 0 17px;color:#102d4b;font-size:clamp(36px,4.1vw,55px);line-height:1.07;letter-spacing:-.055em} .homeSearchHeroClassic .homeHeroText>p{max-width:540px;color:#506982;font-size:17px;line-height:1.75} .homeSearchHeroClassic .homeHeroProof{gap:11px 17px;margin-top:23px;color:#36556f;font-size:12px} .homeSearchHeroClassic .homeHeroProof b{background:#fff;color:#078cf0} .homeSearchHeroClassic .homeHeroDecor{display:block;overflow:hidden} .homeSearchHeroClassic .decorCircleOne{background:rgba(7,140,240,.1)} .homeSearchHeroClassic .decorCircleTwo{border-color:rgba(7,140,240,.1)} .homeSearchHeroClassic .decorSpark{color:#078cf0;opacity:.7} .homeSearchHeroClassic .decorMiniCard{right:43%;bottom:3%;z-index:1} .homeSearchHeroClassic .homeSearchCard{width:100%;max-width:600px;margin:0 0 0 auto;padding:27px 26px 24px} .homeSearchHeroClassic .homeSearchSelect select{position:relative;z-index:1;line-height:1.4;color:#172b40!important;background:transparent!important;font-family:inherit;font-weight:500} .homeSearchHeroClassic .homeSearchSelect select option{padding:10px 12px;background:#fff!important;color:#172b40!important;font-family:inherit;font-size:14px;line-height:1.5} .homeSearchHeroClassic .homeSearchSelect select option:checked{background:#e5f2ff!important;color:#075eb5!important;font-weight:700} .homeSearchHeroClassic .homeSearchInput input::placeholder{color:#697b91;opacity:1} .homeSearchHeroClassic .homeSearchInput,.homeSearchHeroClassic .homeSearchSelect{transition:border-color .18s ease,box-shadow .18s ease} .homeSearchHeroClassic .homeSearchSelect .selectChevron{font-size:0;right:15px;top:19px;width:8px;height:8px;border-right:2px solid #526982;border-bottom:2px solid #526982;transform:rotate(45deg)} @media(max-width:980px){.homeSearchHeroClassic{padding:42px 0}.homeSearchHeroClassic .homeSearchLayout{grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);gap:24px}.homeSearchHeroClassic .homeHeroText h1{font-size:clamp(34px,4.5vw,46px)}.homeSearchHeroClassic .homeHeroText>p{font-size:15px}.homeSearchHeroClassic .homeHeroProof{display:grid;gap:9px}.homeSearchHeroClassic .decorMiniCard{display:none}} @media(max-width:720px){.homeSearchHeroClassic{padding:30px 0 27px}.homeSearchHeroClassic .homeSearchLayout{grid-template-columns:1fr;gap:23px}.homeSearchHeroClassic .homeHeroText h1{max-width:620px;font-size:clamp(34px,8vw,45px)}.homeSearchHeroClassic .homeHeroText>p{font-size:15px}.homeSearchHeroClassic .homeHeroProof{display:flex;flex-wrap:wrap;gap:9px 13px}.homeSearchHeroClassic .homeSearchCard{max-width:none;margin:0;padding:22px 18px 20px}.homeSearchHeroClassic .homeHeroDecor .decorSpark{right:5%;top:3%;font-size:27px}.homeSearchHeroClassic .decorCircleTwo{left:65%;bottom:-205px}} /* V0.7.4 — definitive hero visibility and cache-busting release */ @media (min-width:721px){ .homeSearchHeroClassic{padding:58px 0 56px!important;background:linear-gradient(118deg,#e8f3ff 0%,#d9eafa 47%,#f0f7ff 100%)!important;} .homeSearchHeroClassic .homeSearchLayout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)!important;align-items:center!important;gap:clamp(28px,4vw,58px)!important;min-height:340px!important;} .homeSearchHeroClassic .homeHeroText{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;max-width:620px!important;} .homeSearchHeroClassic .homeHeroDecor{display:block!important;visibility:visible!important;} } .homeSearchHeroClassic .homeHeroText h1{color:#102d4b!important;} .homeSearchHeroClassic .homeHeroText>p{color:#526982!important;} .homeSearchHeroClassic .homeHeroProof{color:#36556f!important;} .homeSearchHeroClassic .homeSearchSelect select{color:#172b40!important;background-color:transparent!important;} .homeSearchHeroClassic .homeSearchSelect select option{color:#172b40!important;background-color:#fff!important;padding:10px 12px;} @media(max-width:720px){ .homeSearchHeroClassic{padding:30px 0 27px!important;} .homeSearchHeroClassic .homeSearchLayout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:23px!important;} .homeSearchHeroClassic .homeHeroText{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;} .homeSearchHeroClassic .homeHeroDecor{display:none!important;} } /* V0.7.5 — plugin-connected status lights and status info page */ .jobStatusSummary .applyStatus{display:flex;align-items:center;gap:9px;font-weight:800} .applyStatus i{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)} .applyStatus i.statusActive{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)} .applyStatus i.statusClosed{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)} .applyStatus i.statusExpired{background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.14)} .jobStatusInfoSection{min-height:52vh;padding:70px 0 90px;background:linear-gradient(135deg,#eff7ff,#f7fafc)} .jobStatusInfoCard{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,54px);text-align:center;background:#fff;border:1px solid #e1e8f0;border-radius:22px;box-shadow:0 18px 50px rgba(16,40,70,.08)} .jobStatusInfoIcon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#f3f4f6;color:#667085;font-size:26px;font-weight:900} .jobStatusInfoIcon.closed{background:#fff1f2;color:#e11d48}.jobStatusInfoIcon.expired{background:#f2f4f7;color:#667085}.jobStatusInfoIcon.active{background:#ecfdf3;color:#15803d} .jobStatusInfoEyebrow{color:#087f8c;font-size:11px;font-weight:850;letter-spacing:.14em} .jobStatusInfoCard h1{margin:10px 0 14px;color:#132f3a;font-size:clamp(26px,4vw,38px);line-height:1.18;letter-spacing:-.04em} .jobStatusInfoCard p{max-width:560px;margin:0 auto 12px;color:#667085;font-size:15px;line-height:1.75} .jobStatusInfoCard .jobStatusInfoJobTitle{color:#193e4a;font-weight:800;font-size:17px} .jobStatusInfoActions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:27px} .jobStatusInfoPrimary,.jobStatusInfoSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:800} .jobStatusInfoPrimary{background:#087f8c;color:#fff}.jobStatusInfoPrimary:hover{background:#066873;color:#fff} .jobStatusInfoSecondary{border:1px solid #d8e2e8;background:#fff;color:#244651}.jobStatusInfoSecondary:hover{border-color:#087f8c;color:#087f8c} html[data-theme=dark] .jobStatusInfoSection{background:linear-gradient(135deg,#101e2a,#14272d)} html[data-theme=dark] .jobStatusInfoCard{background:var(--site-surface);border-color:var(--site-border)} html[data-theme=dark] .jobStatusInfoCard h1,html[data-theme=dark] .jobStatusInfoCard .jobStatusInfoJobTitle{color:var(--site-text)} html[data-theme=dark] .jobStatusInfoCard p{color:var(--site-muted)} html[data-theme=dark] .jobStatusInfoSecondary{background:var(--site-surface);border-color:var(--site-border);color:var(--site-text)} @media(max-width:600px){.jobStatusInfoSection{padding:40px 0 55px}.jobStatusInfoActions{flex-direction:column}.jobStatusInfoPrimary,.jobStatusInfoSecondary{width:100%}} /* Keep the publication-date marker neutral; the actual status lamp lives in the sidebar. */ .jobDetailFresh i{background:#98a2b3!important;box-shadow:0 0 0 3px rgba(152,162,179,.12)!important} /* Footer company logo strip: responsive, swipeable, and theme-aware. */ .footerCompaniesBar{width:100%;background:var(--site-surface,#fff);border-bottom:1px solid var(--site-footer-border-light,#e4e7ec);padding:26px 0 24px;} .footerCompaniesInner{min-width:0;} .footerCompaniesHeading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;} .footerCompaniesHeading h2{margin:0;color:var(--site-text,#101828);font-size:15px;font-weight:750;letter-spacing:-.01em;} .footerCompaniesControls{display:flex;align-items:center;gap:8px;flex-shrink:0;} .footerCompanyScroll{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--site-border,#e4e7ec);border-radius:50%;background:var(--site-surface,#fff);color:var(--site-text,#101828);font-size:19px;line-height:1;transition:background .18s,border-color .18s,color .18s;} .footerCompanyScroll:hover{background:var(--site-primary,#087f8c);border-color:var(--site-primary,#087f8c);color:#fff;} .footerCompanyTrack{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--site-border,#dce3e8) transparent;padding:1px 1px 9px;touch-action:pan-x;} .footerCompanyTrack::-webkit-scrollbar{height:5px}.footerCompanyTrack::-webkit-scrollbar-track{background:transparent}.footerCompanyTrack::-webkit-scrollbar-thumb{background:var(--site-border,#dce3e8);border-radius:20px} .footerCompanyLogoCard{flex:0 0 var(--footer-company-card-width,180px);width:var(--footer-company-card-width,180px);height:72px;display:flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--site-border,#e4e7ec);border-radius:12px;background:var(--site-bg,#fff);scroll-snap-align:start;transition:border-color .18s,box-shadow .18s,transform .18s;} .footerCompanyLogoCard:hover{border-color:color-mix(in srgb,var(--site-primary,#087f8c) 45%,var(--site-border,#e4e7ec));box-shadow:0 7px 20px rgba(16,24,40,.07);transform:translateY(-1px);} .footerCompanyLogoCard img{display:block;width:100%;height:var(--footer-company-logo-height,44px);max-height:100%;object-fit:contain;} html[data-theme=dark] .footerCompaniesBar{border-bottom-color:var(--site-footer-border-dark,#ffffff1a)} html[data-theme=dark] .footerCompaniesHeading h2{color:var(--site-footer-text-dark,#f5f7fa)} html[data-theme=dark] .footerCompanyLogoCard{background:#fff;border-color:#e5e7eb;} html[data-theme=dark] .footerCompanyScroll{background:var(--site-surface-2,#1f2937);border-color:var(--site-border,#374151);color:var(--site-text,#f5f7fa)} @media(max-width:640px){.footerCompaniesBar{padding:20px 0 18px}.footerCompaniesHeading h2{font-size:14px}.footerCompanyLogoCard{height:64px;padding:10px 14px}.footerCompaniesControls{gap:6px}.footerCompanyScroll{width:32px;height:32px}} /* V0.7.7 footer polish: clean logo rail and aligned social icon buttons. */ .footerCompanyTrack{ overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; -ms-overflow-style:none!important; padding:1px 1px 2px!important; gap:12px; scroll-behavior:smooth; } .footerCompanyTrack::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} .footerCompanyTrack:focus-visible{outline:2px solid var(--site-primary);outline-offset:3px;border-radius:12px} .footerCompanyLogoCard{flex-shrink:0;min-width:0;} .footerSocials{display:flex!important;align-items:center;justify-content:flex-start;gap:10px!important;flex-wrap:wrap!important;margin-top:20px;max-width:100%;} .footerSocials .footerSocialLink{width:38px!important;height:38px!important;min-width:38px;flex:0 0 38px;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;padding:0!important;border:1px solid var(--site-footer-border-light,#e4e7ec)!important;border-radius:50%!important;background:var(--site-surface,#fff)!important;color:var(--site-footer-link-light,#475467)!important;text-decoration:none!important;line-height:1!important;overflow:hidden;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .18s;} .footerSocials .footerSocialLink span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;} .footerSocials .footerSocial-linkedin span{font-size:12px;letter-spacing:-.7px} .footerSocials .footerSocial-youtube span{font-size:13px} .footerSocials .footerSocial-tiktok span{font-size:20px} .footerSocials .footerSocialLink:hover{background:var(--site-primary,#1677ff)!important;border-color:var(--site-primary,#1677ff)!important;color:#fff!important;transform:translateY(-1px)} .footerSocials .footerSocialLink:focus-visible,.footerCompanyScroll:focus-visible{outline:2px solid var(--site-primary,#1677ff);outline-offset:3px} html[data-theme=dark] .footerSocials .footerSocialLink{border-color:var(--site-footer-border-dark,#ffffff1a)!important;background:var(--site-surface,#111a2b)!important;color:var(--site-footer-link-dark,#aab4c4)!important} html[data-theme=dark] .footerSocials .footerSocialLink:hover{background:var(--site-primary,#1677ff)!important;border-color:var(--site-primary,#1677ff)!important;color:#fff!important} @media(max-width:640px){.footerCompaniesHeading{align-items:center}.footerCompanyLogoCard{height:64px}.footerSocials{gap:8px!important}.footerSocials .footerSocialLink{width:36px!important;height:36px!important;min-width:36px;flex-basis:36px}} /* V0.7.8: prevent company logo rail or footer grid from widening the document. */ html,body{max-width:100%;overflow-x:clip!important} .globalFooter,.footerCompaniesBar,.footerCompaniesInner,.footerGrid,.footerIntro,.footerCol{min-width:0;max-width:100%} .footerCompaniesBar{width:100%;max-width:100%;overflow:hidden} .footerCompaniesInner.container{width:min(var(--site-container,1200px),calc(100% - 40px));max-width:100%;} .footerCompanyTrack{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;} .footerCompanyLogoCard{min-width:0;flex-shrink:0;} .footerGrid{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));} .footerIntro p,.footerCol a,.footerBottom span{overflow-wrap:anywhere;} @media(max-width:900px){.footerGrid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:640px){.footerGrid{grid-template-columns:minmax(0,1fr);}.footerIntro{grid-column:auto}.footerCompaniesInner.container{width:calc(100% - 28px)}} /* V0.7.9: menu icons, nested navigation, homepage section counts */ .jn-menu-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.15em;width:1.15em;font-size:1.05em;line-height:1;color:var(--site-primary);} .desktopNav{align-items:center;} .navMenuItem{position:relative;display:flex;align-items:center;} .navMenuItem>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 0;} .navMenuItem.hasSubmenu>a{padding-right:2px;} .navSubmenu{display:none;position:absolute;z-index:200;top:100%;left:-14px;min-width:210px;padding:8px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface);box-shadow:0 18px 40px rgba(16,24,40,.14);} .navMenuItem:hover>.navSubmenu,.navMenuItem:focus-within>.navSubmenu{display:block;} .navSubmenu .navMenuItem{display:block;} .navSubmenu .navMenuItem>a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;color:var(--site-text);white-space:normal;} .navSubmenu .navMenuItem>a:hover{background:var(--site-surface-2);} .navSubmenu .navSubmenu{left:100%;top:-8px;} .jn-submenu-caret{font-size:12px;opacity:.7;margin-left:3px;} .mobileMenuPanel .mobileMenuItem{display:block;min-width:0;} .mobileMenuPanel .mobileMenuItem>a{display:flex;align-items:center;gap:9px;} .mobileMenuPanel .mobileSubmenu{display:block;padding-left:14px;margin:0 0 5px 10px;border-left:1px solid var(--site-border);} .mobileMenuPanel .mobileSubmenu .mobileMenuItem>a{font-size:13px;font-weight:500;padding:9px 10px;} .footerMenuItem{display:block;min-width:0;} .footerCol .footerMenuItem>a{display:flex;align-items:center;gap:8px;} .footerSubmenu{display:grid;gap:9px;padding:2px 0 3px 14px;margin:0 0 2px 7px;border-left:1px solid var(--site-footer-border-light,var(--site-border));} .footerCol .footerSubmenu a{display:flex;align-items:center;gap:7px;font-size:12px;} html[data-theme=dark] .footerSubmenu{border-left-color:var(--site-footer-border-dark,var(--site-border));} @media(max-width:900px){.desktopNav .navSubmenu{display:none}.footerGrid .footerSubmenu{padding-left:11px}} /* Jobnesia V0.8.2 — clearer single-job hierarchy and applicant safety modal */ .jobDetailHeroCard{display:block;padding:28px 30px} .jobDetailTitleRow{width:100%;min-width:0;margin:0 0 19px;text-align:left} .jobDetailTitleRow h1{margin:0;max-width:100%;color:var(--jn-ink,#18343b);font-size:clamp(29px,3.5vw,43px);line-height:1.12;letter-spacing:-.05em;font-weight:820;text-align:left;overflow-wrap:anywhere} .jobDetailHeroMain{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(170px,200px);align-items:center;gap:18px;width:100%;min-width:0} .jobDetailHeroText{min-width:0;text-align:left} .jobDetailCompany{text-align:left;margin:0 0 11px;font-size:14px;line-height:1.4} .jobDetailQuickMeta{justify-content:flex-start} .jobDetailHeroActions{min-width:0;width:100%;align-items:stretch;justify-content:center} .jobDetailFresh{white-space:normal;justify-content:flex-start;line-height:1.45} .jobSafetyModal[hidden]{display:none!important} .jobSafetyModal{z-index:100100;overflow-y:auto} .jobSafetyDialog{box-sizing:border-box} .jobSafetyClose{display:grid;place-items:center;padding:0;line-height:1} @media(max-width:760px){ .jobDetailHeroCard{padding:20px 18px;gap:0} .jobDetailTitleRow{margin-bottom:17px} .jobDetailTitleRow h1{font-size:clamp(25px,7vw,33px);line-height:1.16;letter-spacing:-.04em} .jobDetailHeroMain{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:12px} .jobDetailLogo{width:60px;height:60px} .jobDetailHeroText{padding-top:2px} .jobDetailCompany{font-size:13px;margin-bottom:9px;overflow-wrap:anywhere} .jobDetailQuickMeta{gap:7px} .jobDetailQuickMeta>span{max-width:100%;padding:6px 8px;font-size:11px;white-space:normal} .jobDetailHeroActions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px} .jobDetailApplyTop{width:100%;min-height:47px} .jobDetailFresh{font-size:11px} .jobSafetyModal{padding:12px;align-items:center} .jobSafetyDialog{width:100%;max-height:calc(100dvh - 24px);padding:22px 17px;border-radius:16px} .jobSafetyDialog h2{font-size:21px} } /* V0.8.3: reliable light/dark branding, adjustable single titles, accessible dark headings. */ .siteBrand .jobnesia-setting-logo{display:block;width:auto;height:auto;max-height:64px;object-fit:contain} .siteBrand .siteLogoLight{display:block} .siteBrand .siteLogoDark{display:none} html[data-theme="dark"] .siteBrand .siteLogoLight{display:none!important} html[data-theme="dark"] .siteBrand .siteLogoDark{display:block!important} .jobDetailTitleRow h1{font-size:var(--site-single-job-title-size,42px)} .articleHero h1{font-size:clamp(28px,4vw,var(--site-single-post-title-size,58px));line-height:1.08;letter-spacing:-.045em} html[data-theme="dark"] .jobDetailTitleRow h1, html[data-theme="dark"] .jobDetailHeroText h1, html[data-theme="dark"] .jobDetailContentTitle h2, html[data-theme="dark"] .jobSidebarHead h2, html[data-theme="dark"] .jobContent h1, html[data-theme="dark"] .jobContent h2, html[data-theme="dark"] .jobContent h3, html[data-theme="dark"] .jobContent h4, html[data-theme="dark"] .articleHero h1, html[data-theme="dark"] .articleContent h1, html[data-theme="dark"] .articleContent h2, html[data-theme="dark"] .articleContent h3, html[data-theme="dark"] .articleContent h4{color:var(--site-dark-text,var(--site-text,#f5f7fa))!important} @media(max-width:760px){.jobDetailTitleRow h1{font-size:clamp(24px,7vw,min(var(--site-single-job-title-size,42px),34px))}.articleHero h1{font-size:clamp(27px,8vw,min(var(--site-single-post-title-size,58px),42px))}} /* V0.8.6 — custom 404 page */ .jn404-section{position:relative;overflow:hidden;padding:76px 0 90px;background:linear-gradient(135deg,#f4f9ff 0%,var(--site-background) 55%,#eef6ff 100%);border-bottom:1px solid var(--site-border)} html[data-theme=dark] .jn404-section{background:radial-gradient(circle at 15% 15%,#172b49 0,#101a2c 45%,var(--site-background) 100%)} .jn404-inner{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:58px;max-width:1050px} .jn404-visual{min-height:270px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--site-primary) 14%,transparent),transparent 65%)} .jn404-number{font-size:clamp(86px,12vw,150px);font-weight:900;letter-spacing:-.09em;line-height:1;color:color-mix(in srgb,var(--site-primary) 22%,var(--site-background));text-shadow:0 12px 45px rgba(22,119,255,.12);z-index:1} .jn404-orbit{position:absolute;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--site-primary) 25%,transparent);border-radius:50%}.jn404-orbit-one{transform:scaleX(1.6) rotate(-25deg)}.jn404-orbit-two{transform:scaleY(.55) rotate(30deg)}.jn404-dot{position:absolute;right:18%;top:18%;width:17px;height:17px;border-radius:50%;background:#ff9b71;box-shadow:0 0 0 10px color-mix(in srgb,#ff9b71 13%,transparent)} .jn404-copy h1{font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:15px 0}.jn404-copy>p{color:var(--site-muted);line-height:1.8;max-width:570px}.jn404-search{display:flex;align-items:center;gap:10px;margin-top:24px;padding:7px;border:1px solid var(--site-border);border-radius:14px;background:var(--site-surface);box-shadow:0 12px 35px rgba(16,24,40,.06)}.jn404-search>span{padding-left:9px;color:var(--site-muted);font-size:20px}.jn404-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--site-text);padding:10px 0}.jn404-search button,.jn404-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--site-primary);color:#fff;font-size:13px;font-weight:800}.jn404-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.jn404-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-text);font-size:13px;font-weight:700}.jn404-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.jn404-links a{font-size:12px;font-weight:700;color:var(--site-muted)}.jn404-links a:hover{color:var(--site-primary)} .companySubmitPage{max-width:1020px;margin:0 auto;padding:28px;border:1px solid var(--site-border);border-radius:20px;background:var(--site-surface)} @media(max-width:760px){.jn404-section{padding:42px 0 58px}.jn404-inner{grid-template-columns:1fr;gap:22px}.jn404-visual{min-height:150px;max-height:170px}.jn404-number{font-size:100px}.jn404-copy h1{font-size:35px}.jn404-search{flex-wrap:wrap}.jn404-search input{width:calc(100% - 50px);flex:1}.jn404-search button{width:100%}.companySubmitPage{padding:12px;border:0;background:transparent}} html[data-theme=dark] .jn404-search,html[data-theme=dark] .jn404-secondary,html[data-theme=dark] .companySubmitPage{background:var(--site-surface);color:var(--site-text)} /* V0.8.7: employer submission page intentionally has no archive/page hero. */ .companySubmitNoHero{padding-top:34px;padding-bottom:56px}.companySubmitNoHero .companySubmitPage{margin-top:0} @media(max-width:760px){.companySubmitNoHero{padding-top:18px;padding-bottom:34px}} /* Jobnesia V0.8.8 — mobile modal ergonomics, header search, fixed mobile navigation. */ .mobileHeaderSearch{display:none;width:38px;height:38px;min-width:38px;align-items:center;justify-content:center;border:1px solid var(--site-border);border-radius:11px;background:var(--site-surface);color:var(--site-text);text-decoration:none} .mobileHeaderSearch svg{width:19px;height:19px;display:block} .mobileHeaderSearch:hover{border-color:var(--site-primary);color:var(--site-primary)} .shareModalBackdrop{box-sizing:border-box;overscroll-behavior:contain} .shareModal{box-sizing:border-box;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain} .jobSafetyModal{box-sizing:border-box;overscroll-behavior:contain} .jobSafetyDialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .jobSafetyModalOpen,.shareModalOpen{overflow:hidden} @media(max-width:900px){ .mobileHeaderSearch{display:inline-flex} } @media(max-width:720px){ .shareModalBackdrop{align-items:flex-end;justify-items:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom));} .shareModal{width:100%;max-width:520px;max-height:calc(100dvh - 20px - env(safe-area-inset-top));border-radius:20px 20px 16px 16px;} .shareModalHeader{padding:23px 18px 15px} .shareModalHeader h3{font-size:20px;line-height:1.2;padding-right:28px} .shareModalHeader p{margin-right:25px;font-size:12px;overflow-wrap:anywhere} .shareModalClose{right:12px;top:12px;width:34px;height:34px} .shareOptions{gap:4px;padding:17px 12px 15px} .shareOptions button{gap:7px;font-size:11px;min-width:0} .shareSocial{width:48px;height:48px;font-size:13px} .shareCopyRow{padding:0 14px 18px;gap:7px} .shareCopyRow input{height:44px;padding:0 10px;font-size:11px} .shareCopyRow button{height:44px;padding:0 11px;font-size:12px;white-space:nowrap} .shareCopied{margin:0 14px 16px;font-size:12px} .jobSafetyModal{align-items:flex-end;justify-content:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom));} .jobSafetyDialog{width:100%;max-width:680px;max-height:calc(100dvh - 20px - env(safe-area-inset-top));padding:22px 16px 16px;border-radius:20px 20px 16px 16px;} .jobSafetyClose{position:sticky;float:right;top:0;right:auto;margin:-5px -3px 4px 8px;width:36px;height:36px;z-index:2;background:var(--site-surface)} .jobSafetyDialogIcon{width:42px;height:42px;margin-bottom:12px} .jobSafetyKicker{font-size:9px} .jobSafetyDialog h2{font-size:clamp(21px,5.8vw,26px);line-height:1.18;margin:7px 0 10px;overflow-wrap:anywhere} .jobSafetyLead{font-size:12px;line-height:1.6} .jobSafetyPoints{gap:8px;margin-top:14px} .jobSafetyPoints>div{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px 10px;border-radius:11px} .jobSafetyPoints b{width:27px;height:27px} .jobSafetyPoints span{font-size:11px;line-height:1.55;overflow-wrap:anywhere} .jobSafetyLegal{font-size:10px;line-height:1.55;margin-top:12px;padding:11px 10px} .jobSafetyDone{position:sticky;bottom:0;margin-top:12px;min-height:46px;box-shadow:0 -6px 14px color-mix(in srgb,var(--site-surface) 70%,transparent)} .mobileBottomNav{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr))} .mobileBottomNav.mobileBottomNavJob{grid-template-columns:repeat(3,minmax(0,1fr))} .mobileBottomItem{min-height:54px} .mobileBottomApply{color:var(--site-primary)!important} .mobileBottomApply .mobileBottomIcon{width:25px;height:25px} .mobileBottomApply .mobileBottomIcon svg{width:22px;height:22px} } @media(max-width:390px){ .shareOptions{padding-left:7px;padding-right:7px} .shareSocial{width:43px;height:43px} .shareCopyRow{flex-direction:column} .shareCopyRow input,.shareCopyRow button{width:100%;box-sizing:border-box} .jobSafetyDialog{padding-left:13px;padding-right:13px} .mobileBottomLabel{font-size:9px} } /* Jobnesia V0.8.9 — enforce mobile modal scrolling and fixed bottom navigation. */ .shareModalBackdrop[hidden],.jobSafetyModal[hidden]{display:none!important} @media (max-width: 900px){ .mobileBottomNav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483000!important;width:100%!important;visibility:visible!important;opacity:1!important;} body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important} } @media (max-width: 720px){ .shareModalBackdrop{position:fixed!important;inset:0!important;display:grid!important;place-items:end center!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;z-index:2147483600!important;background:rgba(5,12,24,.66)!important;} .shareModalBackdrop[hidden]{display:none!important} .shareModal{position:relative!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 20px - env(safe-area-inset-top))!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:20px 20px 16px 16px!important;} .shareModalHeader{padding:22px 16px 14px!important} .shareModalHeader h3{font-size:20px!important;line-height:1.2!important;overflow-wrap:anywhere!important;padding-right:28px!important} .shareModalHeader p{margin-right:0!important;overflow-wrap:anywhere!important} .shareOptions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;padding:16px 8px 13px!important} .shareOptions button{min-width:0!important;font-size:10px!important;overflow-wrap:anywhere!important} .shareSocial{width:clamp(38px,11vw,48px)!important;height:clamp(38px,11vw,48px)!important} .shareCopyRow{display:flex!important;flex-direction:column!important;padding:0 12px 16px!important;min-width:0!important} .shareCopyRow input,.shareCopyRow button{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} .jobSafetyModal{position:fixed!important;inset:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;overflow:hidden!important;z-index:2147483600!important;background:rgba(15,23,42,.68)!important;} .jobSafetyModal[hidden]{display:none!important} .jobSafetyDialog{position:relative!important;display:block!important;width:100%!important;max-width:680px!important;max-height:calc(100dvh - 20px - env(safe-area-inset-top))!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;padding:20px 14px calc(14px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 16px 16px!important;} .jobSafetyClose{position:sticky!important;top:0!important;float:right!important;z-index:5!important;margin:-3px 0 5px 8px!important;background:var(--site-surface,#fff)!important;} .jobSafetyDialog h2{clear:none!important;font-size:clamp(20px,5.6vw,24px)!important;line-height:1.2!important;overflow-wrap:anywhere!important;} .jobSafetyLead,.jobSafetyPoints span,.jobSafetyLegal{overflow-wrap:anywhere!important;word-break:normal!important;} .jobSafetyDone{position:sticky!important;bottom:0!important;z-index:4!important;margin-top:12px!important;box-shadow:0 -8px 14px color-mix(in srgb,var(--site-surface,#fff) 85%,transparent)!important;} .mobileBottomNav{grid-template-columns:repeat(4,minmax(0,1fr))!important;height:calc(66px + env(safe-area-inset-bottom))!important;padding-bottom:calc(5px + env(safe-area-inset-bottom))!important;} .mobileBottomNav.mobileBottomNavJob{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } /* Jobnesia V0.9.0 — robust mobile UI: portals, modal sizing, fixed navigation. */ @media (max-width: 900px) { body { padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important; } body > .mobileBottomNav, .mobileBottomNav { display: grid !important; position: fixed !important; inset: auto 0 0 0 !important; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; z-index: 2147483000 !important; visibility: visible !important; opacity: 1 !important; transform: none !important; margin: 0 !important; border-radius: 0 !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; height: calc(66px + env(safe-area-inset-bottom)) !important; padding: 5px 7px calc(5px + env(safe-area-inset-bottom)) !important; } body > .mobileBottomNav.mobileBottomNavJob, .mobileBottomNav.mobileBottomNavJob { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .mobileBottomNav .mobileBottomItem { min-width: 0 !important; min-height: 52px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:3px !important; } .mobileBottomNav .mobileBottomIcon { width:25px !important; height:25px !important; display:grid !important; place-items:center !important; } .mobileBottomNav .mobileBottomIcon svg { display:block !important; width:22px !important; height:22px !important; } } @media (max-width: 720px) { .shareModalBackdrop:not([hidden]) { position: fixed !important; inset: 0 !important; z-index: 2147483600 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: end !important; justify-items: center !important; box-sizing: border-box !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; padding: 12px 10px calc(12px + env(safe-area-inset-bottom)) !important; overflow: hidden !important; background: rgba(5,12,24,.68) !important; } .shareModalBackdrop[hidden], .jobSafetyModal[hidden] { display: none !important; } .shareModal { display:block !important; position:relative !important; align-self:end !important; width:100% !important; max-width:520px !important; min-width:0 !important; max-height:calc(100dvh - 24px - env(safe-area-inset-top)) !important; margin:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; border-radius:20px 20px 16px 16px !important; } .shareOptions { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; min-width:0 !important; } .shareOptions button { min-width:0 !important; padding-left:1px !important; padding-right:1px !important; white-space:normal !important; } .shareCopyRow { display:flex !important; flex-direction:column !important; min-width:0 !important; gap:8px !important; } .shareCopyRow input,.shareCopyRow button { display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } .jobSafetyModal:not([hidden]) { position:fixed !important; inset:0 !important; z-index:2147483600 !important; display:flex !important; align-items:flex-end !important; justify-content:center !important; box-sizing:border-box !important; width:100vw !important; max-width:100vw !important; height:100dvh !important; max-height:100dvh !important; padding:10px 10px calc(10px + env(safe-area-inset-bottom)) !important; overflow:hidden !important; background:rgba(15,23,42,.70) !important; } .jobSafetyDialog { display:block !important; position:relative !important; width:100% !important; max-width:680px !important; max-height:calc(100dvh - 20px - env(safe-area-inset-top)) !important; min-width:0 !important; margin:0 !important; box-sizing:border-box !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; padding:18px 14px calc(16px + env(safe-area-inset-bottom)) !important; border-radius:20px 20px 16px 16px !important; } .jobSafetyDialog h2 { font-size:clamp(20px,5.6vw,24px) !important; line-height:1.2 !important; overflow-wrap:anywhere !important; } .jobSafetyLead,.jobSafetyPoints span,.jobSafetyLegal { overflow-wrap:anywhere !important; } .jobSafetyDone { position:sticky !important; bottom:0 !important; z-index:3 !important; width:100% !important; min-height:46px !important; } } /* Jobnesia V0.9.1 — fixed bottom navigation; apply action only on single job pages. */ @media (max-width: 900px) { .mobileBottomNav.mobileBottomNavNormal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .mobileBottomNav.mobileBottomNavNormal .mobileBottomApply { display: none !important; } .mobileBottomNav.mobileBottomNavJob { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } /* Jobnesia V0.9.2 — keep mobile bottom navigation pinned while page scrolls. */ @media (max-width: 900px) { .mobileBottomNav, body > .mobileBottomNav { position: fixed !important; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100vw !important; margin: 0 !important; transform: none !important; z-index: 2147483000 !important; display: grid !important; box-sizing: border-box !important; padding-bottom: calc(5px + env(safe-area-inset-bottom, 0px)) !important; background: var(--site-surface, #fff) !important; border-top: 1px solid var(--site-border, #e5e7eb) !important; box-shadow: 0 -5px 20px rgba(15, 23, 42, .10) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; } .mobileBottomNav.mobileBottomNavNormal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .mobileBottomNav.mobileBottomNavJob { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .mobileBottomNav .mobileBottomItem { position: relative !important; min-width: 0 !important; text-decoration: none !important; } } /* Jobnesia V0.9.3: explicit mobile bottom navigation positioning and stacking fix. */ @media (max-width: 720px) { html body .mobileBottomNav { position: fixed !important; inset-inline: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; display: grid !important; z-index: 99999 !important; transform: none !important; margin: 0 !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } html body .mobileBottomNav .mobileBottomItem { min-width: 0 !important; } html body { padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important; } } /* Jobnesia V0.9.4: final viewport-level mobile navigation enforcement. */ @media screen and (max-width: 1024px) { html body nav.mobileBottomNav, html body > nav.mobileBottomNav, html body .mobileBottomNav.mobileBottomNavNormal, html body .mobileBottomNav.mobileBottomNavJob { display: grid !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100vw !important; max-width: 100vw !important; min-width: 0 !important; height: calc(66px + env(safe-area-inset-bottom, 0px)) !important; box-sizing: border-box !important; margin: 0 !important; padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important; transform: none !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; z-index: 2147483647 !important; overflow: visible !important; background: var(--site-surface, #fff) !important; border-top: 1px solid var(--site-border, #dce7e9) !important; box-shadow: 0 -6px 24px rgba(15, 23, 42, .12) !important; } html body nav.mobileBottomNav.mobileBottomNavJob { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body nav.mobileBottomNav.mobileBottomNavNormal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body nav.mobileBottomNav .mobileBottomItem { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 52px !important; padding: 3px 2px !important; margin: 0 !important; text-decoration: none !important; } html body nav.mobileBottomNav .mobileBottomApply { display: flex !important; } html body nav.mobileBottomNav.mobileBottomNavNormal .mobileBottomApply { display: none !important; } html body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; } } /* Jobnesia V0.9.5: real mobile viewport containment + bottom navigation. Use percentage sizing instead of 100vw to avoid scrollbar/viewport overflow. */ @media screen and (max-width: 1024px) { html, body { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow-x: clip !important; } body { position: relative; } *, *::before, *::after { box-sizing: border-box; } .siteHeader, .siteContent, .globalFooter, .hero, .pageHero, .container, .siteNav, .jobDetailHeroCard, .jobDetailLayout, .jobDetailMain, .jobSidebar, .footerGrid, .footerBottom, .mobileMenuPanel, .searchPanel, .jobTop, .jobDetailBody, .jobDetailMain > *, .jobSidebar > * { min-width: 0 !important; max-width: 100% !important; } .container { width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; } .siteNav { width: 100% !important; gap: 8px !important; padding-left: 12px !important; padding-right: 12px !important; } .siteBrand { min-width: 0 !important; max-width: calc(100% - 145px) !important; } .siteLogo { max-width: 100% !important; height: auto !important; } .desktopNav, .headerCta { display: none !important; } .siteNavActions { flex: 0 0 auto !important; margin-left: auto !important; } .mobileMenu { display: block !important; } .heroInner { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; min-height: 0 !important; padding: 36px 0 !important; } .heroCopy, .heroCopy h1, .heroCopy p { min-width: 0 !important; max-width: 100% !important; overflow-wrap: anywhere; } .jobDetailHeroCard, .jobDetailMain, .jobSidebar, .jobDetailLayout { width: 100% !important; } .jobDetailLayout { grid-template-columns: minmax(0,1fr) !important; } .mobileBottomNav, body > .mobileBottomNav, html body nav.mobileBottomNav { display: grid !important; position: fixed !important; inset: auto 0 0 0 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: calc(66px + env(safe-area-inset-bottom, 0px)) !important; margin: 0 !important; padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; transform: none !important; z-index: 2147483647 !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; overflow: hidden !important; background: var(--site-surface, #fff) !important; border-top: 1px solid var(--site-border, #dce7e9) !important; box-shadow: 0 -6px 24px rgba(15,23,42,.12) !important; } html body nav.mobileBottomNav .mobileBottomItem { min-width: 0 !important; width: 100% !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; margin:0 !important; padding:3px 2px !important; } html body nav.mobileBottomNav.mobileBottomNavNormal .mobileBottomApply { display:none !important; } html body nav.mobileBottomNav.mobileBottomNavJob .mobileBottomApply { display:flex !important; } body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; } } @media screen and (max-width: 480px) { .container { width: calc(100% - 28px) !important; } .siteNav { min-height: 68px !important; } .siteBrand { max-width: calc(100% - 138px) !important; } .siteNavActions { gap: 5px !important; } .iconButton, .themeToggle, .mobileMenu summary { width: 36px !important; height: 36px !important; } .jobTop { flex-wrap: wrap !important; } .jobDetailHeroCard, .jobDetailMain, .jobSidebar { overflow-wrap: anywhere !important; } } /* Jobnesia V0.9.6 — unify mobile header action button sizing and icon scale. */ @media screen and (max-width: 900px) { .siteNavActions { align-items: center !important; gap: 6px !important; } .siteNavActions .mobileHeaderSearch, .siteNavActions .themeToggle, .siteNavActions .mobileMenu > summary { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; box-sizing: border-box !important; padding: 0 !important; display: grid !important; place-items: center !important; flex: 0 0 40px !important; line-height: 1 !important; } .siteNavActions .mobileHeaderSearch svg { width: 22px !important; height: 22px !important; } .siteNavActions .themeToggle { font-size: 22px !important; } .siteNavActions .themeToggle span { display: block !important; font-size: 22px !important; line-height: 1 !important; } .siteNavActions .mobileMenu > summary { font-size: 0 !important; position: relative !important; cursor: pointer !important; } .siteNavActions .mobileMenu > summary::before { content: "" !important; display: block !important; width: 20px !important; height: 16px !important; background: linear-gradient( to bottom, currentColor 0 2px, transparent 2px 7px, currentColor 7px 9px, transparent 9px 14px, currentColor 14px 16px ) !important; } } /* Jobnesia V0.9.7 — fix mobile hamburger dropdown clipping. Keep the menu panel anchored to the viewport so header/container overflow cannot squeeze it into a narrow strip. */ @media screen and (max-width: 900px) { .siteHeader, .siteHeader .container, .siteNav, .siteNavActions { overflow: visible !important; } .siteNavActions .mobileMenu { position: static !important; overflow: visible !important; } .siteNavActions .mobileMenu[open] > .mobileMenuPanel { position: fixed !important; z-index: 100000 !important; top: 88px !important; right: 12px !important; left: auto !important; width: min(320px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 108px) !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 4px !important; padding: 12px !important; background: var(--site-surface, #fff) !important; color: var(--site-text, #182d36) !important; border: 1px solid var(--site-border, #dce7e9) !important; border-radius: 16px !important; box-shadow: 0 18px 48px rgba(10, 30, 50, .22) !important; } .siteNavActions .mobileMenuPanel > a, .siteNavActions .mobileMenuPanel .mobileMenuGroup > a, .siteNavActions .mobileMenuPanel .mobileMenuCta { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 44px !important; box-sizing: border-box !important; padding: 12px 14px !important; margin: 0 !important; overflow-wrap: anywhere !important; white-space: normal !important; color: var(--site-text, #182d36) !important; border-radius: 10px !important; text-decoration: none !important; } .siteNavActions .mobileMenuPanel > a:hover, .siteNavActions .mobileMenuPanel .mobileMenuGroup > a:hover { background: var(--site-surface-2, #f3f8f8) !important; } .siteNavActions .mobileMenuPanel .mobileMenuCta { justify-content: center !important; margin-top: 6px !important; background: var(--site-primary, #087f8c) !important; color: #fff !important; } html[data-theme="dark"] .siteNavActions .mobileMenuPanel { background: var(--site-dark-surface, #111a2b) !important; color: var(--site-dark-text, #f5f7fa) !important; border-color: var(--site-dark-border, #263247) !important; } html[data-theme="dark"] .siteNavActions .mobileMenuPanel > a, html[data-theme="dark"] .siteNavActions .mobileMenuPanel .mobileMenuGroup > a { color: var(--site-dark-text, #f5f7fa) !important; } } /* Jobnesia V0.9.8 — align mobile search, theme, and hamburger controls only. */ @media screen and (max-width: 900px) { .siteNavActions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } .siteNavActions > .mobileHeaderSearch, .siteNavActions > .themeToggle, .siteNavActions > .mobileMenu > summary { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--site-border, #dce7e9) !important; border-radius: 12px !important; background: var(--site-surface, #fff) !important; color: var(--site-text, #182d36) !important; line-height: 1 !important; text-decoration: none !important; vertical-align: middle !important; cursor: pointer !important; } .siteNavActions > .mobileHeaderSearch svg { display: block !important; width: 22px !important; height: 22px !important; flex: 0 0 22px !important; } .siteNavActions > .themeToggle { font-size: 0 !important; } .siteNavActions > .themeToggle span { display: block !important; width: 22px !important; height: 22px !important; font-size: 22px !important; line-height: 22px !important; text-align: center !important; } .siteNavActions > .mobileMenu > summary { list-style: none !important; font-size: 0 !important; position: relative !important; } .siteNavActions > .mobileMenu > summary::-webkit-details-marker { display: none !important; } .siteNavActions > .mobileMenu > summary::marker { content: "" !important; display: none !important; } .siteNavActions > .mobileMenu > summary::before { content: "" !important; display: block !important; width: 22px !important; height: 18px !important; flex: 0 0 22px !important; background: linear-gradient( to bottom, currentColor 0 2px, transparent 2px 8px, currentColor 8px 10px, transparent 10px 16px, currentColor 16px 18px ) !important; } .siteNavActions > .mobileHeaderSearch:hover, .siteNavActions > .themeToggle:hover, .siteNavActions > .mobileMenu > summary:hover { border-color: var(--site-primary, #087f8c) !important; } } /* V0.9.9 — polished homepage search icons and consistent inset spacing */ .homeSearchHeroClassic .homeSearchCard{ padding:28px 30px 25px; } .homeSearchHeroClassic .homeSearchInput, .homeSearchHeroClassic .homeSearchSelect{ gap:13px; padding-inline:17px; min-height:54px; border-color:#d7e1eb; border-radius:12px; } .homeSearchHeroClassic .homeFieldIcon{ display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; background:#eef6ff; color:#1677e8; } .homeSearchHeroClassic .homeFieldIcon svg{display:block;width:18px;height:18px;} .homeSearchHeroClassic .homeFieldIconCategory{background:#f1efff;color:#6554e8;} .homeSearchHeroClassic .homeFieldIconLocation{background:#edf4ff;color:#2474e8;} .homeSearchHeroClassic .homeSearchInput input, .homeSearchHeroClassic .homeSearchSelect select{font-size:15px;} .homeSearchHeroClassic .homeSearchSelect .selectChevron{right:18px;} .homeSearchHeroClassic .homeSearchFormStacked button{ border-radius:11px; box-shadow:0 7px 16px rgba(7,140,240,.14); letter-spacing:.005em; } .homeSearchHeroClassic .homeSearchQuick{gap:9px 10px;} .homeSearchHeroClassic .homeSearchQuick a{ display:inline-flex;align-items:center;justify-content:center; min-height:30px;padding:0 11px;border-radius:999px; background:#eef6ff;color:#0879df;text-decoration:none; } .homeSearchHeroClassic .homeSearchQuick a:hover{background:#dceeff;} @media(max-width:640px){ .homeSearchHeroClassic .homeSearchCard{padding:24px 22px 22px;} .homeSearchHeroClassic .homeSearchInput, .homeSearchHeroClassic .homeSearchSelect{padding-inline:13px;gap:11px;} .homeSearchHeroClassic .homeFieldIcon{flex-basis:32px;width:32px;height:32px;} .homeSearchHeroClassic .homeSearchQuick{gap:8px;} } @media(max-width:380px){ .homeSearchHeroClassic .homeSearchCard{padding-inline:17px;} .homeSearchHeroClassic .homeSearchInput, .homeSearchHeroClassic .homeSearchSelect{padding-inline:11px;} } /* V0.9.11: improve native homepage search dropdown option spacing. */ .homeSearchHeroClassic .homeSearchSelect select option { padding-left: 14px !important; padding-right: 12px !important; text-indent: 8px; line-height: 1.7; } .homeSearchHeroClassic .homeSearchSelect select { padding-left: 2px; } /* V0.9.12 — homepage hero background and left-aligned search card. */ .homeSearchHeroImage{ position:relative;isolation:isolate;overflow:hidden;padding:54px 0 50px!important; background-color:#eaf5ff!important; background-image:linear-gradient(90deg,rgba(240,248,255,.82) 0%,rgba(240,248,255,.70) 39%,rgba(240,248,255,.05) 74%),var(--home-hero-image)!important; background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important; border:0!important; } .homeSearchHeroImage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(255,255,255,.32),transparent 38%);pointer-events:none} .homeSearchHeroImage .homeSearchLayout{display:block!important;min-height:0!important;position:relative;z-index:1} .homeSearchHeroImage .homeSearchCard{width:min(100%,570px)!important;margin:0 auto 0 0!important;padding:30px!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 70px rgba(21,65,102,.18)!important;backdrop-filter:blur(12px)} .homeSearchHeroImage .homeSearchCardHeading{margin:0 0 20px!important} .homeSearchHeroImage .homeHeroEyebrow{display:inline-flex;align-items:center;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#e8f3ff;color:#1476cf;font-size:10px;font-weight:800;letter-spacing:.1em} .homeSearchHeroImage .homeSearchCardHeading h1{margin:0 0 10px;color:#102d4b;font-size:clamp(28px,3.1vw,39px);font-weight:800;line-height:1.12;letter-spacing:-.045em} .homeSearchHeroImage .homeSearchCardHeading p{margin:0;color:#526982;font-size:14px;line-height:1.65} .homeSearchHeroImage .homeSearchFormStacked{margin-top:18px} .homeSearchHeroImage .homeSearchQuick{margin-top:15px} .homeTrustStripFeatures{background:#fff;border-bottom:1px solid #e4edf4} .homeTrustStripFeatures .homeTrustInner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:21px;padding-bottom:21px} .homeTrustStripFeatures .homeTrustInner>i{width:1px;height:38px;justify-self:center;background:#e0e9f1} .homeTrustFeature{display:flex!important;align-items:center!important;gap:12px!important;min-width:0} .homeTrustFeatureIcon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#edf6ff;color:#1677d2;font-size:19px;font-weight:800} .homeTrustFeatureCopy{display:flex!important;flex-direction:column;gap:2px!important;min-width:0} .homeTrustFeatureCopy strong{display:block;color:#173652;font-size:13px;font-weight:800;letter-spacing:0} .homeTrustFeatureCopy small{display:block;color:#6b7f92;font-size:11px;line-height:1.45} html[data-theme=dark] .homeSearchHeroImage{background-color:#102239!important;background-image:linear-gradient(90deg,rgba(9,24,42,.84) 0%,rgba(9,24,42,.72) 39%,rgba(9,24,42,.10) 74%),var(--home-hero-image)!important} html[data-theme=dark] .homeSearchHeroImage .homeSearchCard{background:rgba(255,255,255,.96)!important} html[data-theme=dark] .homeTrustStripFeatures{background:var(--site-surface);border-color:var(--site-border)} html[data-theme=dark] .homeTrustFeatureCopy strong{color:var(--site-text)} html[data-theme=dark] .homeTrustFeatureCopy small{color:var(--site-muted)} @media(max-width:760px){ .homeSearchHeroImage{padding:30px 0 28px!important;background-position:61% center!important;background-image:linear-gradient(90deg,rgba(240,248,255,.88),rgba(240,248,255,.62)),var(--home-hero-image)!important} .homeSearchHeroImage .homeSearchCard{margin-inline:auto!important;padding:23px 19px 21px!important;border-radius:17px!important} .homeSearchHeroImage .homeSearchCardHeading h1{font-size:clamp(27px,7vw,34px)} .homeTrustStripFeatures .homeTrustInner{grid-template-columns:1fr;gap:13px;padding-top:17px;padding-bottom:17px} .homeTrustStripFeatures .homeTrustInner>i{width:100%;height:1px} .homeTrustFeatureIcon{flex-basis:34px;width:34px;height:34px} } /* V0.9.13 — move homepage hero copy below the search hero; preserve search UX. */ .homeSearchHeroImage .homeSearchCard{padding:30px!important} .homeSearchHeroImage .homeSearchFormStacked{margin-top:0!important} .homeSearchHeroImage .homeSearchCardHeading{display:none!important} .homeHeroBelow{ position:relative;overflow:hidden; padding:36px 0 34px; background:linear-gradient(110deg,#fff 0%,#f7fbff 58%,#eef7ff 100%); border-bottom:1px solid #e3edf6; } .homeHeroBelow:before{ content:"";position:absolute;right:-70px;top:-150px;width:330px;height:330px; border:1px solid rgba(7,140,240,.10);border-radius:50%;pointer-events:none; } .homeHeroBelow:after{ content:"";position:absolute;right:20px;top:-105px;width:235px;height:235px; border:1px solid rgba(7,140,240,.08);border-radius:50%;pointer-events:none; } .homeHeroBelowInner{ position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between; gap:36px;max-width:1120px; } .homeHeroBelowCopy{max-width:760px;min-width:0} .homeHeroBelowEyebrow{ display:inline-flex;align-items:center;gap:8px;margin:0 0 10px; color:#087fe0;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase; } .homeHeroBelowEyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:#078cf0} .homeHeroBelowCopy h1{ margin:0 0 10px!important;color:#102d4b!important; font-size:clamp(27px,3.2vw,39px)!important;line-height:1.15!important; letter-spacing:-.045em!important;font-weight:800!important;max-width:780px; } .homeHeroBelowCopy p{max-width:690px;margin:0!important;color:#526982;font-size:15px;line-height:1.75} .homeHeroBelowAccent{ flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:16px 19px; border:1px solid #dcebf8;border-radius:16px;background:rgba(255,255,255,.82); box-shadow:0 10px 28px rgba(25,76,120,.06);color:#526982;font-size:12px;line-height:1.55; } .homeHeroBelowAccentIcon{ display:grid;place-items:center;width:42px;height:42px;border-radius:13px; background:#e8f4ff;color:#078cf0;font-size:24px;font-weight:700; } .homeHeroBelowAccentText strong{color:#102d4b;font-size:14px} @media(max-width:760px){ .homeSearchHeroImage{padding:30px 0 32px!important;background-position:58% center!important} .homeSearchHeroImage .homeSearchCard{padding:22px 18px!important} .homeHeroBelow{padding:27px 0 26px} .homeHeroBelowInner{align-items:flex-start;flex-direction:column;gap:18px} .homeHeroBelowCopy h1{font-size:clamp(25px,7vw,32px)!important} .homeHeroBelowCopy p{font-size:14px;line-height:1.7} .homeHeroBelowAccent{padding:11px 13px} } /* V0.9.14 — clean, compact homepage hero copy section */ .homeHeroBelow{ position:relative;overflow:hidden;padding:30px 0 28px; background:#fff;border-bottom:1px solid #e8eef5; } .homeHeroBelow:before,.homeHeroBelow:after{display:none!important} .homeHeroBelowInner{ position:relative;z-index:1;max-width:1120px; display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr); align-items:center;gap:48px; } .homeHeroBelowCopy{max-width:700px;min-width:0} .homeHeroBelowEyebrow{ display:inline-flex;align-items:center;margin:0 0 7px;padding:0; color:#078cf0;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase; } .homeHeroBelowEyebrow:before{display:none!important} .homeHeroBelowCopy h1{ margin:0 0 8px!important;color:#102d4b!important; font-size:clamp(24px,2.6vw,32px)!important;line-height:1.2!important; letter-spacing:-.035em!important;font-weight:800!important;max-width:700px; } .homeHeroBelowCopy p{ max-width:640px;margin:0!important;color:#60748a;font-size:14px;line-height:1.65; } .homeHeroBelowPoints{ display:flex;flex-direction:column;gap:10px;padding:2px 0; } .homeHeroBelowPoint{ display:flex;align-items:center;gap:10px;min-width:0; color:#304c67;font-size:13px;font-weight:600;line-height:1.45; } .homeHeroBelowPointIcon{ flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center; border-radius:50%;background:#eaf5ff;color:#078cf0;font-size:13px;font-weight:800; } @media(max-width:760px){ .homeHeroBelow{padding:23px 0 22px} .homeHeroBelowInner{grid-template-columns:minmax(0,1fr);gap:16px} .homeHeroBelowCopy h1{font-size:25px!important;line-height:1.22!important} .homeHeroBelowCopy p{font-size:13px;line-height:1.65} .homeHeroBelowPoints{display:grid;grid-template-columns:minmax(0,1fr);gap:8px} .homeHeroBelowPoint{font-size:12px} } /* V0.9.15 — modern blue backdrop and polished benefit cards below homepage hero */ .homeHeroBelow{ isolation:isolate;position:relative;overflow:hidden; padding:42px 0 40px!important; border:0!important; background: radial-gradient(ellipse at 6% 0%,rgba(95,177,255,.24) 0,rgba(95,177,255,0) 35%), radial-gradient(ellipse at 100% 100%,rgba(10,143,245,.14) 0,rgba(10,143,245,0) 34%), linear-gradient(115deg,#f2f8ff 0%,#e8f4ff 48%,#f7fbff 100%)!important; } .homeHeroBelow:before{ display:block!important;content:"";position:absolute;z-index:-1; width:420px;height:420px;right:-140px;top:-245px;border-radius:50%; border:1px solid rgba(10,126,225,.16);background:rgba(255,255,255,.16); box-shadow:0 0 0 38px rgba(255,255,255,.12),0 0 0 78px rgba(10,126,225,.035); pointer-events:none; } .homeHeroBelow:after{ display:block!important;content:"";position:absolute;z-index:-1; left:-60px;bottom:-110px;width:270px;height:190px;border-radius:50%; background:rgba(255,255,255,.38);filter:blur(2px);pointer-events:none; } .homeHeroBelowInner{ max-width:1180px!important; grid-template-columns:minmax(0,1.2fr) minmax(340px, .8fr)!important; gap:54px!important; } .homeHeroBelowCopy{max-width:690px!important} .homeHeroBelowEyebrow{ margin-bottom:10px!important;padding:6px 11px!important;border-radius:999px; background:rgba(255,255,255,.78);border:1px solid rgba(7,140,240,.13); color:#087fe0!important;font-size:10px!important;letter-spacing:.1em!important; } .homeHeroBelowCopy h1{ font-size:clamp(27px,2.7vw,35px)!important;line-height:1.16!important; letter-spacing:-.04em!important;color:#102d4b!important; text-wrap:balance; } .homeHeroBelowCopy p{ max-width:620px!important;color:#526b85!important;font-size:14px!important;line-height:1.75!important; } .homeHeroBelowPoints{ gap:10px!important;padding:4px 0!important; } .homeHeroBelowPoint{ min-height:48px;padding:11px 14px;border:1px solid rgba(205,225,245,.95); border-radius:13px;background:rgba(255,255,255,.78); box-shadow:0 5px 16px rgba(28,82,133,.045); color:#294966!important;font-size:12px!important;font-weight:700!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .homeHeroBelowPoint:hover{ transform:translateY(-1px);border-color:rgba(7,140,240,.3); box-shadow:0 8px 20px rgba(28,82,133,.08); } .homeHeroBelowPointIcon{ width:25px!important;height:25px!important;flex-basis:25px!important; border-radius:8px!important;background:#e5f2ff!important;color:#078cf0!important; } @media(min-width:761px){ .homeHeroBelowPoints{display:grid!important;grid-template-columns:1fr!important;max-width:390px;margin-left:auto} } @media(max-width:760px){ .homeHeroBelow{padding:29px 0 28px!important} .homeHeroBelow:before{width:260px;height:260px;right:-160px;top:-135px} .homeHeroBelowInner{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} .homeHeroBelowCopy h1{font-size:27px!important;line-height:1.2!important} .homeHeroBelowCopy p{font-size:13px!important} .homeHeroBelowPoints{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;max-width:none;margin:0} .homeHeroBelowPoint{min-height:44px;padding:9px 11px} } @media(prefers-reduced-motion:reduce){ .homeHeroBelowPoint{transition:none} .homeHeroBelowPoint:hover{transform:none} } /* V0.9.16 — compact popular job category icon rail inspired by the provided reference */ .homeQuickCategorySection{ position:relative;z-index:2;background:#fff;border-bottom:1px solid #e8eef5; padding:23px 0 21px; } .homeQuickCategoryRow{ max-width:1180px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr)); align-items:start;gap:8px; } .homeQuickCategory{ display:flex;flex-direction:column;align-items:center;justify-content:flex-start; gap:9px;min-width:0;padding:0 4px;color:#4b6074!important;text-decoration:none!important; text-align:center;font-size:12px;font-weight:600;line-height:1.45; transition:color .18s ease,transform .18s ease; } .homeQuickCategory:hover{color:#078cf0!important;transform:translateY(-2px)} .homeQuickCategoryIcon{ display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px; border-radius:50%;background:#eef6ff;color:#078cf0; border:1px solid #e1efff;transition:background .18s ease,box-shadow .18s ease; } .homeQuickCategoryIcon svg{display:block;width:23px;height:23px} .homeQuickCategory:hover .homeQuickCategoryIcon{ background:#e2f1ff;box-shadow:0 5px 14px rgba(7,140,240,.12) } .homeQuickCategoryLabel{display:block;max-width:100%;overflow-wrap:anywhere} @media(max-width:900px){ .homeQuickCategoryRow{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:20px} .homeQuickCategorySection{padding:20px 0} } @media(max-width:480px){ .homeQuickCategoryRow{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 4px} .homeQuickCategoryIcon{width:42px;height:42px;flex-basis:42px} .homeQuickCategoryIcon svg{width:21px;height:21px} .homeQuickCategory{font-size:10.5px;gap:7px;padding:0 2px} } /* V0.9.17 — place popular category rail immediately below homepage search hero */ .homeQuickCategorySection{ padding:24px 0 22px!important; background:linear-gradient(180deg,#f4f9ff 0%,#fff 100%)!important; border-bottom:1px solid #e8eef5!important; } .homeQuickCategoryRow{max-width:1180px!important} .homeQuickCategoryIcon{ background:#eaf4ff!important;border-color:#dcecff!important; box-shadow:0 3px 10px rgba(17,95,166,.035); } .homeQuickCategoryLabel{font-size:12px;font-weight:650;color:#42586d} @media(max-width:900px){ .homeQuickCategorySection{padding:20px 0!important} } /* V0.9.18 — corrected homepage order: hero -> quick category rail -> trust/latest -> category browse */ .homeQuickCategorySection{position:relative!important;display:block!important;clear:both!important} .homeQuickCategoryRow{position:relative!important} /* V0.9.19 — remove redundant trust strip and show a compact one-line headline above category icons */ .homeHeroHeadlineBar{ background:#fff; border-bottom:1px solid #e8eef5; padding:15px 0 12px; } .homeHeroHeadlineInner{max-width:1180px} .homeHeroHeadlineInner h1{ margin:0!important; color:#102d4b!important; font-size:clamp(20px,2vw,27px)!important; font-weight:800!important; line-height:1.25!important; letter-spacing:-.035em!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .homeQuickCategorySection{border-top:0!important} @media(max-width:760px){ .homeHeroHeadlineBar{padding:13px 0 11px} .homeHeroHeadlineInner h1{ font-size:clamp(17px,4.7vw,22px)!important; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } } /* V0.9.20 — single job sidebar optional fields and related links beneath summary card */ .jobSidebar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important} .jobSidebarCard{padding:24px;border:1px solid #e0e9e9;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(25,70,76,.035)} .jobRelatedLinks{display:grid;gap:10px;margin-top:13px} .jobRelatedLink{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 12px;border:1px solid #e0e9e9;border-radius:12px;background:#fff;color:#28454c!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(25,70,76,.025);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease} .jobRelatedLink:hover{border-color:#a8d7d8;transform:translateY(-1px);box-shadow:0 8px 20px rgba(25,70,76,.07)} .jobRelatedLinkIcon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eaf6f5;color:var(--jn-teal,#087f8c)} .jobRelatedLinkIcon svg{width:19px;height:19px} .jobRelatedLink>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0} .jobRelatedLink small{font-size:9px;font-weight:850;letter-spacing:.09em;color:#748b90} .jobRelatedLink strong{font-size:12px;line-height:1.45;font-weight:750;overflow-wrap:anywhere} .jobRelatedArrow{color:var(--jn-teal,#087f8c);font-size:18px;font-weight:800} html[data-theme="dark"] .jobSidebarCard,html[data-theme="dark"] .jobRelatedLink{background:var(--site-surface);border-color:var(--site-border);color:var(--site-text)!important} html[data-theme="dark"] .jobRelatedLinkIcon{background:rgba(8,127,140,.18)} /* V0.9.24 — premium hero for the application safety page. */ .jobApplyInfoSection{min-height:58vh;padding:clamp(38px,6vw,76px) 0;background:linear-gradient(135deg,#eff7ff,#f7fafc)} .jobApplyInfoCard{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,48px);background:#fff;border:1px solid #dce7ef;border-radius:22px;box-shadow:0 18px 50px rgba(16,40,70,.08)} .jobApplyInfoHead{text-align:center;margin:0 auto 26px;max-width:650px} .jobApplyInfoIcon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:18px;background:#fff4df;color:#a65b00} .jobApplyInfoIcon svg{width:31px;height:31px} .jobApplyInfoEyebrow{color:#087f8c;font-size:11px;font-weight:850;letter-spacing:.14em} .jobApplyInfoCard h1{margin:10px 0 13px;color:#153541;font-size:clamp(26px,4vw,38px);line-height:1.18;letter-spacing:-.04em} .jobApplyInfoCard p{color:#5d6c79;font-size:15px;line-height:1.75} .jobApplyInfoJob{margin:0 0 7px;text-align:center;font-weight:800;color:#193e4a!important;font-size:17px!important} .jobApplyInfoCompany{text-align:center;margin:0 0 24px} .jobApplyInfoWarning{padding:20px 22px;border:1px solid #f5d8a3;border-radius:14px;background:#fff9ed;color:#6f4a11} .jobApplyInfoWarning h2{margin:0 0 10px;color:#8a4b08;font-size:17px} .jobApplyInfoWarning ul{margin:0;padding-left:21px;display:grid;gap:8px;line-height:1.65;font-size:14px} .jobApplyInfoSource{margin-top:22px;padding:18px;border:1px solid #dce7ef;border-radius:14px;background:#f8fafc} .jobApplyInfoSourceLabel{display:block;margin-bottom:8px;color:#687887;font-size:11px;font-weight:850;letter-spacing:.1em} .jobApplyInfoUrl{display:block;overflow-wrap:anywhere;word-break:break-word;color:#087f8c;font-size:14px;line-height:1.65;text-decoration:underline;text-underline-offset:3px} .jobApplyInfoActions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px} .jobApplyInfoPrimary,.jobApplyInfoSecondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:850;text-decoration:none} .jobApplyInfoPrimary{background:#087f8c;color:#fff}.jobApplyInfoPrimary:hover{background:#066873;color:#fff} .jobApplyInfoSecondary{border:1px solid #d8e2e8;background:#fff;color:#244651}.jobApplyInfoSecondary:hover{border-color:#087f8c;color:#087f8c} .jobApplyInfoLegal{margin:20px 0 0!important;font-size:12px!important;color:#778491!important;text-align:center} html[data-theme=dark] .jobApplyInfoSection{background:linear-gradient(135deg,#101e2a,#14272d)} html[data-theme=dark] .jobApplyInfoCard{background:var(--site-surface);border-color:var(--site-border)} html[data-theme=dark] .jobApplyInfoCard h1,html[data-theme=dark] .jobApplyInfoJob{color:var(--site-text)!important} html[data-theme=dark] .jobApplyInfoCard p{color:var(--site-muted)} html[data-theme=dark] .jobApplyInfoSource{background:var(--site-surface);border-color:var(--site-border)} html[data-theme=dark] .jobApplyInfoWarning{background:#302719;border-color:#72501c;color:#f2d9aa} html[data-theme=dark] .jobApplyInfoWarning h2{color:#ffcf7b} html[data-theme=dark] .jobApplyInfoSecondary{background:var(--site-surface);border-color:var(--site-border);color:var(--site-text)} @media(max-width:600px){.jobApplyInfoSection{padding:32px 0 46px}.jobApplyInfoCard{padding:22px 18px}.jobApplyInfoActions{flex-direction:column}.jobApplyInfoPrimary,.jobApplyInfoSecondary{width:100%}} /* V0.9.22 Apply interstitial: hide raw external URL and add discovery links. */ .jobApplyInfoSource{display:none!important} .jobApplyInfoSourceAction{display:flex;justify-content:center;margin:26px auto 0} .jobApplyInfoSourceAction .jobApplyInfoPrimary{min-width:240px;min-height:52px} .jobApplyInfoActions{display:none!important} .jobApplyDiscover{max-width:1040px;margin:34px auto 0;padding:0 0 12px} .jobApplyDiscoverHead{text-align:center;margin:0 auto 24px;max-width:650px} .jobApplyDiscoverHead h2{margin:8px 0;color:var(--site-text,#183b48);font-size:clamp(22px,3vw,30px);line-height:1.25} .jobApplyDiscoverHead p{margin:8px 0;color:var(--site-muted,#687887);font-size:14px;line-height:1.7} .jobApplyDiscoverBlock{padding:22px;margin:0 0 18px;border:1px solid var(--site-border,#dce7ef);border-radius:16px;background:var(--site-surface,#fff)} .jobApplyDiscoverBlock h3{margin:0 0 14px;color:var(--site-text,#183b48);font-size:17px} .jobApplyRandomJobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .jobApplyRandomJob{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid var(--site-border,#dce7ef);border-radius:12px;text-decoration:none;background:var(--site-surface,#fff)} .jobApplyRandomJob:hover{border-color:#087f8c} .jobApplyRandomJobTitle{font-size:14px;font-weight:800;line-height:1.45;color:var(--site-text,#183b48)} .jobApplyRandomJobMeta{font-size:12px;line-height:1.5;color:var(--site-muted,#687887)} .jobApplyPills{display:flex;flex-wrap:wrap;gap:9px} .jobApplyPills a{display:inline-flex;padding:8px 12px;border:1px solid var(--site-border,#dce7ef);border-radius:999px;color:var(--site-text,#183b48);background:var(--site-surface,#fff);font-size:13px;text-decoration:none} .jobApplyPills a:hover{border-color:#087f8c;color:#087f8c} .jobApplyDiscoverGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} html[data-theme=dark] .jobApplyDiscoverBlock,html[data-theme=dark] .jobApplyRandomJob,html[data-theme=dark] .jobApplyPills a{background:var(--site-surface);border-color:var(--site-border)} @media(max-width:700px){.jobApplyDiscover{margin-top:26px;padding:0 12px}.jobApplyRandomJobs,.jobApplyDiscoverGrid{grid-template-columns:1fr}.jobApplyDiscoverBlock{padding:17px}.jobApplyInfoSourceAction .jobApplyInfoPrimary{width:100%;min-width:0}} /* V0.9.25: apply safety page reuses the shared .pageHero design for consistent site-wide hero styling. */ .applySafetyPageHero .eyebrow{position:relative} /* V0.9.26 — unify every hero as the same compact search strip; remove all hero headline copy. */ .pageHero.compactSearchHero{ min-height:0!important;padding:14px 0!important;background:#0b2558!important;border:0!important;overflow:hidden!important; } .pageHero.compactSearchHero:before,.pageHero.compactSearchHero:after{opacity:.18!important;pointer-events:none} .pageHero.compactSearchHero .container.compactSearchHeroInner{width:min(100% - 48px,1280px)!important;min-height:0!important;padding:0!important;margin:0 auto!important;position:relative;z-index:1} .compactHeroSearchForm{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(220px,.65fr) 82px;gap:16px;align-items:center;width:100%;margin:0;padding:0} .compactHeroSearchForm label{height:48px;min-width:0;display:flex;align-items:center;gap:11px;padding:0 15px;background:#fff;border:1px solid #e3e9f2;border-radius:8px;color:#64748b} .compactHeroSearchForm label>span:first-child{font-size:20px;line-height:1;flex:0 0 auto} .compactHeroSearchForm input,.compactHeroSearchForm select{width:100%;min-width:0;height:100%;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;color:#52647d!important;font-family:inherit;font-size:16px;font-weight:500;line-height:1.2} .compactHeroSearchForm input::placeholder{color:#66758b;opacity:1} .compactHeroSearchForm select{appearance:none;padding-right:16px;font-size:15px;cursor:pointer} .compactHeroLocation{position:relative} .compactHeroSearchForm .compactHeroSelectChevron{position:absolute;right:14px;font-size:16px;color:#52647d;pointer-events:none} .compactHeroSearchForm button{height:48px;padding:0 18px;border:0;border-radius:8px;background:#ec008c;color:#fff;font-weight:800;font-size:15px;cursor:pointer} .compactHeroSearchForm button:hover{background:#d6007e} @media(max-width:720px){ .pageHero.compactSearchHero{padding:12px 0!important} .pageHero.compactSearchHero .container.compactSearchHeroInner{width:calc(100% - 28px)!important} .compactHeroSearchForm{grid-template-columns:minmax(0,1fr) 76px!important;gap:8px!important} .compactHeroSearchForm .compactHeroKeyword{grid-column:1/-1!important} .compactHeroSearchForm .compactHeroLocation{grid-column:1!important} .compactHeroSearchForm button{grid-column:2!important;grid-row:2!important;width:100%!important;padding:0 10px!important} .compactHeroSearchForm input{font-size:13px!important} .compactHeroSearchForm select{font-size:13px!important} } /* V0.9.31: use the actual .jobSidebar wrapper so the Experience divider is applied. */ .jobSidebar .jobSummaryItem.jobExperienceSummaryItem{ display:block !important; box-sizing:border-box; width:100%; padding:12px 0 !important; margin:0 !important; border-bottom:1px solid #dfe8e9 !important; box-shadow:inset 0 -1px 0 #dfe8e9; } .jobSidebar .jobSummaryItem.jobExperienceSummaryItem > span, .jobSidebar .jobSummaryItem.jobExperienceSummaryItem > strong{ display:block; } /* V0.9.32: consistent separators in the single-job sidebar summary. */ .jobSidebar .jobSummaryItem, .jobSidebarCard .jobSummaryItem { display: block; box-sizing: border-box; width: 100%; padding: 12px 0; margin: 0; border-bottom: 1px solid #e1e9ea !important; } .jobSidebar .jobSummaryItem.jobExperienceSummaryItem, .jobSidebarCard .jobSummaryItem.jobExperienceSummaryItem { border-bottom: 1px solid #cbdcde !important; } .jobSidebar .jobSummaryItem > span, .jobSidebar .jobSummaryItem > strong, .jobSidebarCard .jobSummaryItem > span, .jobSidebarCard .jobSummaryItem > strong { display: block; } /* V0.9.35: make the experience row divider explicit in the sidebar card. */ .jobSidebar .jobSummaryItem.jobExperienceSummaryItem, .jobSidebarCard .jobSummaryItem.jobExperienceSummaryItem { border-bottom: 1px solid #dfe8e9 !important; padding-bottom: 12px !important; margin-bottom: 0 !important; box-shadow: inset 0 -1px 0 #dfe8e9 !important; } /* V0.9.36 — shared compact JobStreet-style job cards + working homepage width/font controls */ .home .container{ width:min(var(--site-home-container,1440px),calc(100% - 40px)); max-width:var(--site-home-container,1440px); } .jobGrid,.homeLatestGrid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; align-items:stretch; } .jobCardCompact{ position:relative; min-width:0; padding:14px!important; border:1px solid var(--site-border,#e4e7ec)!important; border-radius:13px!important; background:var(--site-surface,#fff)!important; box-shadow:0 2px 8px rgba(16,24,40,.045)!important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .jobCardCompact:hover{ transform:translateY(-2px); border-color:var(--site-primary,#1677ff)!important; box-shadow:0 8px 20px rgba(16,24,40,.08)!important; } .jobCardCompact .jobCardMainLink{ display:block; min-width:0; color:inherit; text-decoration:none; } .jobCardCompact .jobCardTop{ display:flex; align-items:center; gap:10px; min-width:0; min-height:64px; } .jobCardCompact .logoBox{ width:64px; height:64px; flex:0 0 64px; display:grid; place-items:center; overflow:hidden; padding:5px; border:1px solid #dce3eb; border-radius:7px; background:#fff; } .jobCardCompact .logoBox img{ display:block; width:100%; height:100%; object-fit:contain; } .jobCardCompact .jobCardBody{min-width:0;flex:1} .jobCardCompact .jobCardBody h3{ margin:0 0 4px!important; color:var(--site-text,#172033); font-size:14px!important; line-height:1.35!important; font-weight:700!important; letter-spacing:-.01em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; } .jobCardCompact .companyLine{ max-width:100%; color:var(--site-muted,#667085); font-size:11px!important; line-height:1.35; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .jobCardCompact .jobCardPills{ display:flex!important; flex-direction:row!important; flex-wrap:wrap; gap:5px!important; margin:10px 0 0!important; color:inherit!important; font-size:11px!important; } .jobCardCompact .jobCardPills .jobCardPill{ display:inline-flex; align-items:center; min-width:0; max-width:100%; min-height:24px; padding:4px 9px; border:0; border-radius:999px; background:#edf0f3; color:#243447; font-size:11px; line-height:1.25; overflow-wrap:anywhere; } .jobCardCompact .jobCardPills .jobCardEmployment{background:#e8f5ed;color:#17633a} .jobCardCompact .jobCardFooter{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px!important; padding-top:8px!important; border-top:1px solid color-mix(in srgb,var(--site-border,#e4e7ec) 75%,transparent)!important; } .jobCardCompact .jobCardDate{font-size:10px;color:var(--site-muted,#667085)} .jobCardCompact .jobCardActions{display:flex;align-items:center;gap:8px} .jobCardCompact .jobCardActions>a{font-size:11px;font-weight:700} .jobCardCompact .jobShareButton{ display:grid; place-items:center; width:30px; height:30px; padding:6px; border:1px solid var(--site-primary,#1677ff); border-radius:50%; background:transparent; color:var(--site-primary,#1677ff); } .jobCardCompact .jobShareButton svg{width:15px;height:15px} .jobContent{ font-size:var(--site-job-content-size,16px)!important; line-height:1.8; } .jobContent p,.jobContent li,.jobContent td,.jobContent th,.jobContent blockquote{ font-size:inherit!important; line-height:inherit; } @media(max-width:900px){ .jobGrid,.homeLatestGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .home .container{width:min(var(--site-home-container,1440px),calc(100% - 32px))} } @media(max-width:560px){ .jobGrid,.homeLatestGrid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} .home .container{width:calc(100% - 28px);max-width:none} .jobCardCompact{padding:12px!important} .jobCardCompact .logoBox{width:58px;height:58px;flex-basis:58px} .jobCardCompact .jobCardBody h3{font-size:14px!important} .jobCardCompact .jobCardPills .jobCardPill{font-size:10px;padding:4px 8px} } html[data-theme="dark"] .jobCardCompact .jobCardPills .jobCardPill{ background:#263247;color:#e5edf7; } html[data-theme="dark"] .jobCardCompact .jobCardPills .jobCardEmployment{ background:#173b32;color:#b8f3d4; } /* V0.9.37 — Indonesian homepage location filter bar matching the supplied reference */ .homeJobFilterBar{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 24px} .homeJobFilterSelect{display:flex;align-items:center;gap:8px;flex:0 0 278px;width:278px;min-width:0;height:42px;padding:0 11px;border:1px solid #d9e0e5;border-radius:7px;background:#fff;color:#475467;cursor:pointer;overflow:hidden;box-sizing:border-box} .homeJobFilterIcon{flex:0 0 auto;color:#98a2b3;font-size:16px;line-height:1} .homeJobFilterLabel{flex:0 0 auto;font-size:12px;color:#667085;white-space:nowrap} .homeJobFilterSelect select{display:block;flex:1 1 0;min-width:0;max-width:100%;width:1%;height:100%;margin:0;padding:0 22px 0 0;border:0!important;outline:0;box-shadow:none!important;background:transparent;color:#243447;font-size:13px;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .homeJobFilterChevron{flex:0 0 auto;margin-left:-23px;padding-left:5px;position:relative;z-index:1;pointer-events:none;background:#fff;color:#667085;font-size:18px;line-height:1} .homeJobFilterArrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #00b65a;border-radius:50%;background:transparent;color:#00a950;font-size:25px;line-height:1;cursor:pointer} .homeJobFilterArrow:hover{background:#eafaf1} .homeJobFilterChips{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:none;scroll-behavior:smooth} .homeJobFilterChips::-webkit-scrollbar{display:none} .homeJobFilterChip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;max-width:260px;padding:0 17px;overflow:hidden;border:1px solid transparent;border-radius:999px;background:#eef0f3;color:#243447!important;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;transition:background .15s ease,color .15s ease} .homeJobFilterChip:hover{background:#e2e7ec} .homeJobFilterChip.is-active,.homeJobFilterChip.homeJobFilterRandom{background:#00b65a;color:#fff!important} .homeJobFilterChip.homeJobFilterRandom:not(.is-active){background:#00b65a} .homeAllJobsButtonWrap{display:flex;justify-content:center;margin:26px auto 0} .homeAllJobsButton{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 24px;border:1px solid #00b65a;border-radius:999px;background:#00b65a;color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important;box-shadow:0 3px 8px rgba(0,182,90,.14);transition:background .15s ease,transform .15s ease} .homeAllJobsButton:hover{background:#009c4c;transform:translateY(-1px)} .homeAllJobsButton span{font-size:18px;line-height:1} @media(max-width:900px){.homeJobFilterBar{gap:8px}.homeJobFilterSelect{flex-basis:220px;width:220px}.homeJobFilterArrow{flex-basis:32px;width:32px;height:32px}.homeJobFilterChip{padding:0 14px;min-height:38px}} @media(max-width:640px){.homeJobFilterBar{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:10px;margin-bottom:18px}.homeJobFilterSelect{grid-column:1 / -1;width:100%;flex-basis:auto;height:42px;gap:7px}.homeJobFilterLabel{font-size:12px}.homeJobFilterSelect select{font-size:13px}.homeJobFilterChips{grid-column:1;grid-row:2;gap:8px}.homeJobFilterArrow{grid-row:2}.homeJobFilterPrev{grid-column:2;display:none}.homeJobFilterNext{grid-column:2}.homeJobFilterChip{min-height:36px;padding:0 14px;font-size:12px}.homeAllJobsButtonWrap{margin-top:22px}.homeAllJobsButton{width:100%;max-width:320px;min-height:44px}} /* V0.9.39 — single lowongan only: cleaner TopCV-inspired detail layout. All colors inherit existing theme/customizer variables; other templates are untouched. */ body.single-loker .jn-single-job-page{--jn-job-panel:var(--site-surface,#fff);--jn-job-page:var(--site-background,var(--site-bg,#fff));--jn-job-ink:var(--site-text,#172033);--jn-job-muted:var(--site-muted,#667085);--jn-job-line:var(--site-border,#e4e7ec);--jn-job-accent:var(--site-primary,#1677ff)} body.single-loker .jobDetailHero.jn-single-job-page{padding:24px 0 28px;background:var(--jn-job-page);border-bottom:1px solid var(--jn-job-line)} body.single-loker .jobDetailHeroContainer{padding-bottom:0} body.single-loker .jobBackLink{margin-bottom:16px;color:var(--jn-job-muted);transition:color .18s ease} body.single-loker .jobBackLink:hover{color:var(--jn-job-accent)} body.single-loker .jnSingleJobHeaderCard{display:block;padding:26px 28px;border:1px solid var(--jn-job-line);border-radius:18px;background:var(--jn-job-panel);box-shadow:0 5px 22px rgba(16,24,40,.045)} body.single-loker .jnSingleJobHeaderMain{display:grid;grid-template-columns:88px minmax(0,1fr) 190px;align-items:center;gap:22px} body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:88px;height:88px;border-color:var(--jn-job-line);border-radius:14px;background:var(--site-surface-2,var(--site-surface,#fff));color:var(--jn-job-accent)} body.single-loker .jnSingleJobHeaderCopy{min-width:0} body.single-loker .jnSingleJobHeaderCopy .jobDetailCompany{display:block;margin:0 0 8px;color:var(--jn-job-accent);font-size:14px;font-weight:750;line-height:1.5;overflow-wrap:anywhere} body.single-loker .jnSingleJobHeaderCopy h1{margin:0 0 15px;color:var(--jn-job-ink);font-size:clamp(26px,3vw,var(--site-single-job-title-size,38px));font-weight:800;line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere} body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta{display:flex;flex-wrap:wrap;gap:8px} body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta>span{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border:1px solid var(--jn-job-line);border-radius:9px;background:var(--site-surface-2,var(--site-surface,#fff));color:var(--jn-job-muted);font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere} body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta b{color:var(--jn-job-accent)} body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta .jnSingleSalaryMeta{color:var(--jn-job-accent);font-weight:750} body.single-loker .jnSingleJobHeaderMain .jobDetailHeroActions{min-width:0;width:100%;gap:12px} body.single-loker .jnSingleJobHeaderMain .jobDetailApplyTop,body.single-loker .jobSidebarApply{min-height:48px;border-radius:10px;background:var(--jn-job-accent);color:#fff;box-shadow:none;transition:filter .18s ease,transform .18s ease} body.single-loker .jnSingleJobHeaderMain .jobDetailApplyTop:hover,body.single-loker .jobSidebarApply:hover{filter:brightness(.94);color:#fff;transform:translateY(-1px)} body.single-loker .jnSingleJobHeaderMain .jobDetailFresh{justify-content:center;color:var(--jn-job-muted);font-size:11px;white-space:normal;text-align:center} body.single-loker .jobDetailContentSection.jn-single-job-page{padding-top:26px;padding-bottom:64px;background:var(--jn-job-page)} body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start} body.single-loker .jobDetailContentSection .jobDetailMain,body.single-loker .jobDetailContentSection .jobSidebarCard{border:1px solid var(--jn-job-line);border-radius:16px;background:var(--jn-job-panel);box-shadow:0 4px 20px rgba(16,24,40,.035)} body.single-loker .jobDetailContentSection .jobDetailMain{padding:28px} body.single-loker .jobDetailContentTitle{margin:0 0 22px;padding:0 0 17px;border-bottom:1px solid var(--jn-job-line)} body.single-loker .jobDetailContentTitle>span,body.single-loker .jobSidebarHead>span{color:var(--jn-job-accent);font-size:10px;letter-spacing:.11em} body.single-loker .jobDetailContentTitle h2,body.single-loker .jobSidebarHead h2{color:var(--jn-job-ink);font-size:22px;letter-spacing:-.025em} body.single-loker .jobDetailContentSection .jobContent{color:var(--jn-job-ink);font-size:var(--site-job-content-size,16px);line-height:1.85;overflow-wrap:anywhere} body.single-loker .jobDetailContentSection .jobContent h1,body.single-loker .jobDetailContentSection .jobContent h2,body.single-loker .jobDetailContentSection .jobContent h3,body.single-loker .jobDetailContentSection .jobContent h4{color:var(--jn-job-ink);line-height:1.35;letter-spacing:-.02em} body.single-loker .jobDetailContentSection .jobContent p{margin:0 0 1em} body.single-loker .jobDetailContentSection .jobContent ul,body.single-loker .jobDetailContentSection .jobContent ol{padding-left:1.45em;margin:0 0 1.2em} body.single-loker .jobDetailContentSection .jobContent li{padding-left:.15em;margin-bottom:.45em} body.single-loker .jobDetailContentSection .jobSidebar{position:sticky;top:96px;padding:0;border:0;background:transparent;box-shadow:none} body.single-loker .jobDetailContentSection .jobSidebarCard{padding:22px} body.single-loker .jobSidebarHead{margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid var(--jn-job-line)} body.single-loker .jobDetailContentSection .jobSummaryItem{border-color:var(--jn-job-line)!important;box-shadow:none!important} body.single-loker .jobDetailContentSection .jobSummaryItem>span{color:var(--jn-job-muted)} body.single-loker .jobDetailContentSection .jobSummaryItem>strong{color:var(--jn-job-ink);font-size:13px;overflow-wrap:anywhere} body.single-loker .jobDetailContentSection .jobDetailBottomApply{border:1px solid var(--jn-job-line);background:var(--site-surface-2,var(--jn-job-panel))} body.single-loker .jobDetailContentSection .jobDetailBottomApply strong{color:var(--jn-job-ink)} body.single-loker .jobDetailContentSection .jobDetailBottomApply span{color:var(--jn-job-muted)} body.single-loker .jobDetailContentSection .jobRelatedLink{border-color:var(--jn-job-line);background:var(--jn-job-panel);color:var(--jn-job-ink)} body.single-loker .jobDetailContentSection .jobRelatedLink small{color:var(--jn-job-muted)} body.single-loker .jobDetailContentSection .jobSafetyNotice{border-color:var(--jn-job-line);background:var(--site-surface-2,var(--jn-job-panel))} html[data-theme="dark"] body.single-loker .jnSingleJobHeaderCard,html[data-theme="dark"] body.single-loker .jobDetailContentSection .jobDetailMain,html[data-theme="dark"] body.single-loker .jobDetailContentSection .jobSidebarCard,html[data-theme="dark"] body.single-loker .jobDetailContentSection .jobRelatedLink{box-shadow:none} @media(max-width:1000px){body.single-loker .jnSingleJobHeaderMain{grid-template-columns:76px minmax(0,1fr);gap:17px}body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:76px;height:76px}body.single-loker .jnSingleJobHeaderMain .jobDetailHeroActions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin-top:2px}body.single-loker .jnSingleJobHeaderMain .jobDetailFresh{justify-content:flex-start;text-align:left}body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}} @media(max-width:760px){body.single-loker .jobDetailHero.jn-single-job-page{padding:16px 0 20px}body.single-loker .jnSingleJobHeaderCard{padding:19px 17px;border-radius:14px}body.single-loker .jnSingleJobHeaderMain{grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:58px;height:58px;border-radius:10px}body.single-loker .jnSingleJobHeaderCopy .jobDetailCompany{font-size:12px;margin-bottom:6px}body.single-loker .jnSingleJobHeaderCopy h1{font-size:clamp(23px,6vw,31px);line-height:1.2;margin-bottom:12px}body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta{gap:6px}body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta>span{padding:6px 8px;font-size:11px}body.single-loker .jnSingleJobHeaderMain .jobDetailHeroActions{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:5px}body.single-loker .jnSingleJobHeaderMain .jobDetailFresh{font-size:11px}body.single-loker .jobDetailContentSection.jn-single-job-page{padding-top:17px;padding-bottom:42px}body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr);gap:16px}body.single-loker .jobDetailContentSection .jobDetailMain{padding:21px 17px;border-radius:14px}body.single-loker .jobDetailContentTitle h2,body.single-loker .jobSidebarHead h2{font-size:20px}body.single-loker .jobDetailContentSection .jobContent{font-size:var(--site-job-content-size,16px);line-height:1.8}body.single-loker .jobDetailContentSection .jobSidebar{position:static}body.single-loker .jobDetailContentSection .jobSidebarCard{padding:19px 17px}body.single-loker .jobDetailContentSection .jobDetailBottomApply{padding:16px;gap:13px}body.single-loker .jobDetailContentSection .jobDetailBottomApply .jobApply{width:100%;min-height:46px}body.single-loker .jobDetailContentSection .jobRelatedLinks{display:grid;gap:10px}} /* V0.9.40 — single lowongan only: intro above description, full-width apply CTA, share/save controls */ body.single-loker .jnSingleJobBackSection{padding:18px 0 0!important;background:var(--jn-job-page)!important;border-bottom:0!important} body.single-loker .jnSingleJobBackSection .jobDetailHeroContainer{padding-bottom:0!important} body.single-loker .jnSingleJobBackSection .jobBackLink{margin:0!important} body.single-loker .jobDetailContentSection.jn-single-job-page{padding-top:16px!important} body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start} body.single-loker .jnSingleJobPrimary{display:flex;flex-direction:column;gap:16px;min-width:0} body.single-loker .jnSingleJobIntro{position:relative;min-width:0;padding:28px 30px;border:1px solid var(--jn-job-line);border-radius:16px;background:var(--jn-job-panel);box-shadow:0 4px 20px rgba(16,24,40,.035)} body.single-loker .jnSingleJobHeaderMain{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:20px;padding-right:76px} body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:78px;height:78px} body.single-loker .jnSingleJobHeaderCopy .jobDetailCompany{margin:0 0 7px;font-size:14px} body.single-loker .jnSingleJobHeaderCopy h1{margin:0 0 13px;font-size:clamp(25px,2.6vw,var(--site-single-job-title-size,38px));line-height:1.17} body.single-loker .jnSingleJobHeaderCopy .jobDetailFresh{display:flex;justify-content:flex-start;margin-top:13px;text-align:left} body.single-loker .jnSingleJobIntroActions{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;z-index:3} body.single-loker .jnSingleJobIntro .jobShareButton,body.single-loker .jnSingleJobSaveButton{position:static;display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid var(--jn-job-line);border-radius:11px;background:var(--site-surface,var(--jn-job-panel));color:var(--jn-job-ink);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease} body.single-loker .jnSingleJobIntro .jobShareButton svg,body.single-loker .jnSingleJobSaveButton svg{display:block;width:19px;height:19px} body.single-loker .jnSingleJobIntro .jobShareButton:hover,body.single-loker .jnSingleJobSaveButton:hover,body.single-loker .jnSingleJobSaveButton.is-saved{border-color:var(--jn-job-accent);color:var(--jn-job-accent);background:var(--site-surface-2,var(--jn-job-panel))} body.single-loker .jnSingleJobSaveToast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border:1px solid var(--jn-job-line);border-radius:11px;background:var(--jn-job-panel);color:var(--jn-job-ink);box-shadow:0 12px 35px rgba(16,24,40,.16);font-size:13px;font-weight:650;line-height:1.45} body.single-loker .jnSingleJobSaveToast[hidden]{display:none} body.single-loker .jobDetailContentSection .jobDetailMain{width:100%;min-width:0;box-sizing:border-box} body.single-loker .jobDetailContentSection .jobDetailBottomApply{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:18px} body.single-loker .jobDetailContentSection .jobDetailBottomApply>div{min-width:0;flex:1} body.single-loker .jobDetailContentSection .jobDetailBottomApply .jobApply{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px} html[data-theme="dark"] body.single-loker .jnSingleJobIntro{box-shadow:none} html[data-theme="dark"] body.single-loker .jnSingleJobIntro .jobShareButton,html[data-theme="dark"] body.single-loker .jnSingleJobSaveButton{background:var(--site-surface,var(--jn-job-panel));border-color:var(--jn-job-line);color:var(--jn-job-ink)} @media(max-width:1000px){body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}body.single-loker .jnSingleJobIntro{padding:24px 22px}body.single-loker .jnSingleJobHeaderMain{grid-template-columns:68px minmax(0,1fr);gap:16px;padding-right:68px}body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:68px;height:68px}} @media(max-width:760px){body.single-loker .jobDetailContentSection.jn-single-job-page{padding-top:13px!important;padding-bottom:42px!important}body.single-loker .jobDetailContentSection .jobDetailLayout{grid-template-columns:minmax(0,1fr);gap:16px}body.single-loker .jnSingleJobPrimary{gap:12px}body.single-loker .jnSingleJobIntro{padding:19px 16px;border-radius:14px}body.single-loker .jnSingleJobIntroActions{top:12px;right:12px;gap:6px}body.single-loker .jnSingleJobIntro .jobShareButton,body.single-loker .jnSingleJobSaveButton{width:36px;height:36px;min-width:36px;border-radius:9px}body.single-loker .jnSingleJobIntro .jobShareButton svg,body.single-loker .jnSingleJobSaveButton svg{width:17px;height:17px}body.single-loker .jnSingleJobHeaderMain{grid-template-columns:52px minmax(0,1fr);gap:11px;padding-right:0}body.single-loker .jnSingleJobHeaderMain .jobDetailLogo{width:52px;height:52px;border-radius:9px;margin-top:38px}body.single-loker .jnSingleJobHeaderCopy .jobDetailCompany{font-size:12px;padding-right:74px;min-height:36px;display:flex;align-items:flex-end;line-height:1.35}body.single-loker .jnSingleJobHeaderCopy h1{font-size:clamp(23px,6vw,var(--site-single-job-title-size,30px));line-height:1.2;margin-bottom:12px}body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta{gap:6px}body.single-loker .jnSingleJobHeaderCopy .jobDetailQuickMeta>span{font-size:11px;padding:6px 8px}body.single-loker .jnSingleJobHeaderCopy .jobDetailFresh{font-size:10px;margin-top:10px}body.single-loker .jobDetailContentSection .jobDetailMain{padding:20px 16px}body.single-loker .jobDetailContentSection .jobDetailBottomApply{flex-direction:column;align-items:stretch;gap:13px}body.single-loker .jobDetailContentSection .jobDetailBottomApply .jobApply{width:100%;box-sizing:border-box}body.single-loker .jnSingleJobSaveToast{left:16px;right:16px;bottom:16px;max-width:none}} /* V0.9.41 — single lowongan header matches the requested wireframe; scoped to single-loker only */ body.single-loker .jnSingleJobIntro{padding:24px 28px 26px!important} body.single-loker .jnSingleJobIntroActions{top:20px!important;right:22px!important} body.single-loker .jnSingleJobCompanyRow{display:flex;align-items:center;gap:14px;min-width:0;padding-right:112px;padding-bottom:16px;border-bottom:1px solid var(--jn-job-line)} body.single-loker .jnSingleJobCompanyRow .jobDetailLogo{width:58px;height:58px;flex:0 0 58px;border-radius:12px} body.single-loker .jnSingleJobCompanyName{min-width:0} body.single-loker .jnSingleJobCompanyName .jobDetailCompany{margin:0;color:var(--jn-job-ink);font-size:clamp(16px,1.7vw,22px);line-height:1.3;font-weight:750;overflow-wrap:anywhere} body.single-loker .jnSingleJobTitle{margin:14px 0 13px;color:var(--jn-job-ink);font-size:clamp(29px,3.5vw,var(--site-single-job-title-size,48px));font-weight:850;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere} body.single-loker .jnSingleJobMeta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} body.single-loker .jnSingleJobMeta>span{max-width:100%;padding:7px 10px;border:1px solid var(--jn-job-line);border-radius:8px;background:var(--site-surface-2,var(--jn-job-panel));color:var(--jn-job-muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere} body.single-loker .jnSingleJobMeta>span b{color:var(--jn-job-accent)} body.single-loker .jnSingleJobHeaderApply{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 20px;border:0;border-radius:11px;background:var(--jn-job-accent);color:#fff;font-size:15px;font-weight:800;text-align:center;transition:filter .18s ease,transform .18s ease} body.single-loker .jnSingleJobHeaderApply:hover{filter:brightness(.95);transform:translateY(-1px);color:#fff} body.single-loker .jnSingleJobHeaderApply span{font-size:18px;line-height:1} body.single-loker .jobDetailContentSection .jobDetailBottomApply{display:none!important} @media(max-width:760px){body.single-loker .jnSingleJobIntro{padding:18px 16px 18px!important}body.single-loker .jnSingleJobIntroActions{top:12px!important;right:12px!important;gap:6px!important}body.single-loker .jnSingleJobIntro .jobShareButton,body.single-loker .jnSingleJobSaveButton{width:35px;height:35px;min-width:35px}body.single-loker .jnSingleJobCompanyRow{gap:10px;padding-right:82px;padding-bottom:13px}body.single-loker .jnSingleJobCompanyRow .jobDetailLogo{width:48px;height:48px;flex-basis:48px;border-radius:9px}body.single-loker .jnSingleJobCompanyName .jobDetailCompany{font-size:14px;line-height:1.3}body.single-loker .jnSingleJobTitle{font-size:clamp(25px,7vw,var(--site-single-job-title-size,34px));line-height:1.13;margin:13px 0 12px}body.single-loker .jnSingleJobMeta{gap:6px;margin-bottom:14px}body.single-loker .jnSingleJobMeta>span{font-size:11px;padding:6px 8px}body.single-loker .jnSingleJobHeaderApply{min-height:48px;font-size:14px;border-radius:9px}} @media(max-width:380px){body.single-loker .jnSingleJobIntro{padding-inline:13px!important}body.single-loker .jnSingleJobCompanyRow{padding-right:76px}body.single-loker .jnSingleJobIntroActions{right:10px!important;top:10px!important}body.single-loker .jnSingleJobIntro .jobShareButton,body.single-loker .jnSingleJobSaveButton{width:32px;height:32px;min-width:32px}body.single-loker .jnSingleJobCompanyRow .jobDetailLogo{width:42px;height:42px;flex-basis:42px}}