/* Portal karier publik: beranda, daftar lowongan, detail lowongan.
   Seluruh warna diambil dari logo Bonecom Tricom. */
:root{
    --red:#9D1C24;
    --red-press:#7F161D;
    --red-deep:#48090D;
    --ink:#272829;
    --charcoal:#414142;
    --steel:#595A5C;
    --muted:#6A6B6E;
    --line:#DBDCDD;
    --line-strong:#B4B5B7;
    --paper:#F4F4F2;
    --text:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
    --display:var(--text);
    --gutter:clamp(24px,4vw,64px);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:96px;}
body{margin:0;font:400 16px/1.55 var(--text);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0;}
ul,ol{list-style:none;}
a{color:inherit;}
img{display:block;max-width:100%;}
button,input,select{font:inherit;color:inherit;}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;}

.wrap{padding:0 var(--gutter);}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.lang-en{display:none;}
body.lang-mode-en .lang-id{display:none;}
body.lang-mode-en .lang-en{display:inline;}

/* Tombol */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;font:600 15px/1 var(--text);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s;}
.btn--red{background:var(--red);color:#fff;}
.btn--red:hover{background:var(--red-press);}
.btn--line{background:#fff;border-color:var(--line-strong);color:var(--ink);}
.btn--line:hover{border-color:var(--ink);}
.btn--white{background:#fff;color:var(--red);}
.btn--white:hover{background:var(--paper);}
.btn--ghost{border-color:rgba(255,255,255,.6);color:#fff;}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn--block{width:100%;}

.text-link{color:var(--red);font-weight:600;text-decoration:none;}
.text-link:hover{text-decoration:underline;text-underline-offset:3px;}

/* Header */
.site-head{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);}
.site-head__in{display:flex;align-items:center;gap:36px;height:78px;}
.site-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--charcoal);flex-shrink:0;}
/* Berkas logo punya margin putih lebar; margin negatif merapatkan ke tepi tanda. */
.site-logo img{height:86px;width:auto;max-width:none;margin:-19px -55px -23px -21px;}
.site-logo img.is-tight{height:46px;margin:0;}
.site-logo__label{padding-left:14px;border-left:1px solid var(--line-strong);font:600 18px/1.75 var(--display);}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line-strong);border-radius:2px;padding:9px 14px;font-weight:600;font-size:15px;line-height:1;cursor:pointer;}
.site-menu{display:flex;align-items:center;flex:1;gap:36px;}
.site-nav{display:flex;gap:30px;margin-left:auto;}
.site-nav a{position:relative;padding:6px 0;font-weight:500;font-size:15px;color:var(--charcoal);text-decoration:none;}
.site-nav a:hover{color:var(--red);}
.site-nav a.is-current{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red);}
.site-actions{display:flex;align-items:center;gap:10px;}
.lang-toggle{background:none;border:0;padding:8px 6px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;}
.lang-toggle .lt-sep{margin:0 3px;}
body:not(.lang-mode-en) .lt-id,body.lang-mode-en .lt-en{color:var(--ink);font-weight:700;}

/* Hero beranda */
.hero{padding:72px 0 0;border-bottom:1px solid var(--line);overflow:hidden;}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:48px;align-items:end;}
/* Foto tim tanpa latar berdiri di atas panel bersudut potong (mengikuti sudut logo) dan bertumpu di garis bawah hero.
   Kepala sengaja menembus batas atas panel supaya terasa hidup. */
.hero__art{position:relative;justify-self:end;align-self:end;width:100%;max-width:640px;}
.hero__art::before{content:'';position:absolute;left:5%;right:0;bottom:0;height:70%;background:var(--paper);border-top:8px solid var(--red);clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%);}
.hero__art .hero-art{position:relative;display:block;width:100%;height:auto;}
.hero__copy{display:flex;flex-direction:column;justify-content:center;align-self:center;padding-bottom:72px;}
.hero h1{font:600 clamp(2.4rem,4.2vw,3.75rem)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink);}
.hero__lede{max-width:640px;margin-top:20px;font-size:18px;line-height:1.5;color:var(--charcoal);}

.search{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto) auto;margin-top:36px;border:1px solid var(--line-strong);background:#fff;}
.search input,.search select{width:100%;min-width:0;height:58px;padding:0 16px;border:0;border-radius:0;background:#fff;}
.search select{border-left:1px solid var(--line);cursor:pointer;}
.search input::placeholder{color:var(--muted);}
.search input:focus,.search select:focus{outline:2px solid var(--red);outline-offset:-2px;}
.search .btn{height:58px;border-radius:0;padding:0 28px;}
.search--solo{grid-template-columns:minmax(0,1fr) auto;max-width:820px;margin-top:24px;}

/* Pita posisi terbuka di bawah hero, garis merah di atas mengikuti logo */
.openings{background:var(--ink);color:#fff;border-top:4px solid var(--red);}
.hero + .openings{margin-top:-1px;}
.openings__in{display:flex;align-items:center;flex-wrap:wrap;gap:14px 40px;padding-top:22px;padding-bottom:22px;}
.openings__total{display:flex;align-items:baseline;gap:12px;}
.openings__num{font:600 44px/1 var(--display);letter-spacing:-.02em;}
.openings__cap{font-size:16px;color:#D4D5D6;}
.openings ul{display:flex;flex-wrap:wrap;gap:8px 28px;flex:1;}
.openings li a{display:flex;align-items:center;gap:10px;padding:4px 0;color:#fff;text-decoration:none;}
.openings li a:hover span:first-child{text-decoration:underline;text-underline-offset:3px;}
.openings__n{min-width:26px;padding:1px 8px;border-radius:3px;background:rgba(255,255,255,.14);font-weight:600;font-variant-numeric:tabular-nums;text-align:center;}
.openings__all{margin-left:auto;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap;}
.openings__all:hover{text-decoration:underline;text-underline-offset:3px;}

/* Bagian halaman */
.section{padding:80px 0;}
.section--paper{background:var(--paper);}
.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px;}
.section h2{font:600 clamp(1.75rem,2.4vw,2.25rem)/1.2 var(--display);letter-spacing:-.01em;color:var(--ink);}

/* Daftar lowongan */
.job-cols{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr) 20px;gap:24px;align-items:center;}
.job-head{padding:0 12px 10px;border-bottom:2px solid var(--ink);font-size:13px;font-weight:600;color:var(--muted);}
.job-row{padding:20px 12px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color .12s;}
.job-row:hover{background:var(--paper);}
.job-row:hover .job-row__title{color:var(--red);}
.job-row__main{display:flex;align-items:center;gap:14px;min-width:0;}
.job-row__titles{min-width:0;}
.job-row__logo{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:5px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--steel);}
.job-row__logo img{width:100%;height:100%;object-fit:contain;}
.job-row__title{font:600 18px/1.3 var(--display);transition:color .12s;}
.job-row__org{margin-top:3px;font-size:14px;color:var(--muted);}
.job-row__cell{font-size:15px;color:var(--charcoal);}
.job-row__cell .tag-new{font-size:14px;}
.job-row__due--soon{color:var(--red);font-weight:600;}
.job-row__go{color:var(--line-strong);}
.job-row:hover .job-row__go{color:var(--red);}
.job-empty{padding:44px 12px;border-bottom:1px solid var(--line);color:var(--muted);}

/* Tahapan seleksi: alur beranimasi. Kelas is-active dan is-done diatur skrip di landing. */
.flow__head{align-items:flex-end;margin-bottom:44px;}
.flow__head p{max-width:560px;color:var(--charcoal);}
.flow{--node:72px;--gap:28px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);}
.flow__step{position:relative;}
.flow__node{display:flex;align-items:center;justify-content:center;width:var(--node);height:var(--node);background:#fff;color:var(--steel);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:background-color .25s,color .25s,transform .25s;}
.flow__line{position:absolute;top:calc(var(--node) / 2 - 1px);left:calc(var(--node) + 10px);right:calc(10px - var(--gap));height:2px;background:var(--line-strong);}
.flow__step:last-child .flow__line{display:none;}
.flow__line i{position:absolute;left:0;top:0;width:0;height:100%;background:var(--red);transition:width .55s ease-in-out;}
.flow__line i::after{content:'';position:absolute;right:-5px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:var(--red);opacity:0;}
.flow__n{margin-top:18px;font-size:14px;font-weight:600;color:var(--red);font-variant-numeric:tabular-nums;}
.flow__t{margin-top:4px;font:600 18px/1.3 var(--display);transition:color .25s;}
.flow__d{margin-top:8px;font-size:15px;color:var(--charcoal);}

.flow__step.is-done .flow__node{background:var(--ink);color:#fff;}
.flow__step.is-done .flow__line i{width:100%;}
.flow__step.is-done .flow__line i::after{animation:flow-head .55s linear;}
.flow__step.is-active .flow__node{background:var(--red);color:#fff;transform:scale(1.08);transition-delay:.35s;}
.flow__step.is-active .flow__t{color:var(--red);transition-delay:.35s;}
@keyframes flow-head{0%,90%{opacity:1;}100%{opacity:0;}}

.fi-b1,.fi-b2{transform-box:fill-box;transform-origin:center;}
.fi-draw{stroke-dasharray:1;}
.is-active .fi-lens{animation:fi-search 2.4s ease-in-out .4s infinite;}
.is-active .fi-d1{animation:fi-write 2.4s linear .4s infinite backwards;}
.is-active .fi-d2{animation:fi-write 2.4s linear .75s infinite backwards;}
.is-active .fi-d3{animation:fi-write 2.4s linear 1.1s infinite backwards;}
.is-active .fi-beam{animation:fi-beam 2.4s ease-in-out .4s infinite;}
.is-active .fi-b1{animation:fi-talk 2.4s ease-in-out .4s infinite;}
.is-active .fi-b2{animation:fi-talk 2.4s ease-in-out 1.6s infinite;}
.is-active .fi-pulse{animation:fi-trace 1.8s linear .4s infinite backwards;}
.is-active .fi-sign{animation:fi-trace 2.4s ease-in-out .4s infinite backwards;}
.fi-beam{opacity:0;}
@keyframes fi-search{0%,100%{transform:translate(0,0);}35%{transform:translate(-15px,-13px);}65%{transform:translate(-6px,-7px);}}
@keyframes fi-write{0%{stroke-dashoffset:1;}35%,100%{stroke-dashoffset:0;}}
@keyframes fi-trace{0%{stroke-dashoffset:1;}75%,100%{stroke-dashoffset:0;}}
@keyframes fi-beam{0%{transform:translateY(0);opacity:1;}60%{transform:translateY(24px);opacity:1;}61%,100%{transform:translateY(24px);opacity:0;}}
@keyframes fi-talk{0%,100%{transform:scale(1);}18%{transform:scale(1.14);}36%{transform:scale(1);}}
@media (prefers-reduced-motion:reduce){
    .flow *,.flow *::after{animation:none!important;transition:none!important;}
}

/* Persiapan */
.prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px;}
.prep__item{padding-top:18px;border-top:3px solid var(--ink);}
.prep__item h3{font:600 19px/1.3 var(--display);}
.prep__item p{margin-top:8px;color:var(--charcoal);}

/* Ajakan akhir: bidang merah dan bevel marun seperti pada logo */
.band{position:relative;overflow:hidden;background:var(--red);color:#fff;}
.band::after{content:'';position:absolute;top:0;right:0;bottom:0;width:150px;background:var(--red-deep);clip-path:polygon(100% 0,100% 100%,0 100%);}
.band__in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:54px;padding-right:calc(150px + var(--gutter));padding-bottom:54px;}
.band h2{font:600 clamp(1.7rem,2.4vw,2.25rem)/1.2 var(--display);letter-spacing:-.01em;}
.band p{margin-top:8px;color:#F4E3E4;}
.band__act{display:flex;gap:10px;flex-shrink:0;}

/* Footer */
.site-foot{padding:60px 0 28px;background:var(--ink);color:#C9CACB;font-size:15px;}
.site-foot__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.3fr);gap:48px;}
.site-foot__name{font:600 22px/1.3 var(--display);color:#fff;}
.site-foot p{margin-top:8px;}
.site-foot h3{margin-bottom:14px;font-size:15px;font-weight:600;color:#fff;}
.site-foot li{margin-bottom:9px;}
.site-foot a{color:#C9CACB;text-decoration:none;}
.site-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.site-foot__group{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:40px;color:#fff;font-weight:600;}
.site-foot__group ul{display:flex;flex-wrap:wrap;gap:12px;}
.site-foot__group li{margin:0;}
.site-foot__group a{display:flex;align-items:center;justify-content:center;height:52px;padding:8px 14px;border-radius:3px;background:#fff;}
.site-foot__group a:hover{outline:2px solid var(--red);outline-offset:2px;}
.site-foot__group img{max-height:34px;max-width:130px;width:auto;}

/* Perusahaan dalam grup */
.group{border-top:1px solid var(--line);}
.group__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.group__card{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid var(--line);border-radius:3px;color:inherit;text-decoration:none;transition:border-color .15s;}
.group__card:hover{border-color:var(--line-strong);}
.group__card:hover .group__name{text-decoration:underline;text-underline-offset:3px;}
.group__logo{display:flex;align-items:center;height:72px;margin-bottom:18px;}
.group__logo img{max-height:64px;max-width:220px;width:auto;object-fit:contain;}
.group__name{font-size:17px;font-weight:600;color:var(--ink);}
.group__meta{margin-top:4px;font-size:14px;color:var(--muted);}

.site-foot__end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:#A8A9AB;}

/* Halaman daftar lowongan */
.page-head{padding:44px 0 36px;background:var(--paper);border-bottom:1px solid var(--line);}
.page-head h1{font:600 clamp(2.1rem,3.4vw,3rem)/1.15 var(--display);letter-spacing:-.02em;}
.page-head__sub{margin-top:8px;font-size:17px;color:var(--charcoal);}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;}
.chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:#fff;border:1px solid var(--line-strong);border-radius:2px;}
.chip a{color:var(--muted);text-decoration:none;font-weight:600;}
.chip a:hover{color:var(--red);}

.listing{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;padding-top:40px;padding-bottom:80px;}
.facet + .facet{margin-top:30px;}
.facets-toggle{display:none;min-height:40px;padding:0 16px;font-size:14px;}
.side-title{padding-bottom:10px;border-bottom:2px solid var(--ink);font-size:13px;font-weight:600;color:var(--muted);}
.co-filter a{display:flex;justify-content:space-between;gap:12px;padding:10px 0 10px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent;color:var(--charcoal);text-decoration:none;font-size:15px;line-height:1.3;}
.co-filter a:hover{color:var(--red);}
.co-filter a.is-on{border-left-color:var(--red);color:var(--ink);font-weight:600;}
.co-filter span:last-child{font-variant-numeric:tabular-nums;color:var(--muted);}
.results__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:15px;color:var(--charcoal);}
.results__count{display:flex;align-items:center;gap:14px;}
.results__count strong{color:var(--ink);}
.sort{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);}
.sort select{height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--ink);cursor:pointer;}
.results .job-cols{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr) 16px;gap:16px;}

.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;}
.pager .is-off{opacity:.45;pointer-events:none;}
.pager__t{color:var(--muted);font-size:16px;}

/* Halaman detail lowongan */
.crumb{padding:14px 0;font-size:15px;color:var(--muted);border-bottom:1px solid var(--line);}
.crumb a{color:var(--charcoal);text-decoration:none;}
.crumb a:hover{color:var(--red);}
.crumb__sep{margin:0 8px;color:var(--line-strong);}
.job-head-block{padding:44px 0 36px;background:var(--paper);border-bottom:1px solid var(--line);}
.job-head-block__top{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;}
.job-head-block__co{font-size:16px;font-weight:600;}
.job-head-block__co a{color:var(--red);text-decoration:none;}
.job-head-block__co a:hover{text-decoration:underline;text-underline-offset:3px;}
.job-head-block h1{margin-top:6px;font:600 clamp(2.1rem,3.4vw,3rem)/1.15 var(--display);letter-spacing:-.02em;}
.job-head-block__dept{margin-top:8px;color:var(--charcoal);}
.job-head-block__logo{max-width:150px;max-height:76px;width:auto;height:auto;mix-blend-mode:multiply;}
.facts{display:flex;flex-wrap:wrap;gap:0;margin-top:28px;border-top:1px solid var(--line-strong);}
.facts div{padding:14px 40px 0 0;}
.facts dt{font-size:14px;font-weight:600;color:var(--muted);}
.facts dd{margin-top:1px;font-size:18px;font-weight:500;}

.job-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;padding-top:48px;padding-bottom:72px;}
.block + .block{margin-top:44px;}
.block h2{margin-bottom:14px;font:600 23px/1.25 var(--display);}
.prose{max-width:90ch;color:var(--charcoal);line-height:1.7;}
.reqs li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);color:var(--charcoal);}
.reqs li::before{content:'';position:absolute;left:0;top:18px;width:9px;height:9px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%);}
.skills{display:flex;flex-wrap:wrap;gap:8px;}
.skill{padding:5px 12px;border:1px solid var(--line-strong);border-radius:2px;font-size:16px;color:var(--charcoal);}
.skill--must{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:500;}
.skill-legend{margin-top:12px;font-size:15px;color:var(--muted);}
.about-co{margin-top:12px;}

.apply{position:sticky;top:102px;padding:26px 26px 22px;border:1px solid var(--line);border-top:5px solid var(--red);}
.apply__status{font-size:15px;font-weight:600;color:var(--muted);}
.apply__title{margin-top:2px;font:600 24px/1.25 var(--display);}
.apply__sub{margin:6px 0 18px;font-size:16px;line-height:1.45;color:var(--charcoal);}
.job-actions{display:grid;gap:8px;}
.notice{margin-top:14px;padding:10px 12px;background:var(--paper);border-left:3px solid var(--steel);font-size:15px;line-height:1.4;}
.notice--soon{border-left-color:var(--red);color:var(--red-press);font-weight:500;}
.info{margin-top:20px;border-top:1px solid var(--line);}
.info div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;}
.info dt{color:var(--muted);}
.info dd{font-weight:600;text-align:right;}
.share{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;}
.share .btn{min-height:40px;padding:0 10px;font-size:14px;}
.share-done{display:none;}
.is-copied .share-lbl{display:none;}
.is-copied .share-done{display:inline;}
.related{padding:64px 0 80px;background:var(--paper);}
.related .job-row:hover{background:#fff;}

/* Modal detail lowongan */
.job-modal{width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-top:5px solid var(--red);border-radius:2px;background:#fff;color:var(--ink);overflow:hidden;}
.job-modal[open]{display:flex;flex-direction:column;animation:job-modal-in .18s ease-out;}
.job-modal::backdrop{background:rgba(39,40,41,.62);}
@keyframes job-modal-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.job-modal__close{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:2px;background:transparent;color:var(--steel);cursor:pointer;}
.job-modal__close:hover{background:var(--paper);color:var(--ink);}
.job-modal__mount,.job-modal__in{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;}
.job-modal__loading{display:flex;align-items:center;justify-content:center;height:360px;}
.job-modal__loading span{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:job-modal-spin .7s linear infinite;}
@keyframes job-modal-spin{to{transform:rotate(360deg);}}
.job-modal__head{display:flex;align-items:center;gap:20px;padding:24px 70px 22px 30px;}
.job-modal__logo{flex:none;width:76px;height:76px;padding:6px;border:1px solid var(--line);object-fit:contain;}
.job-modal__head .job-head-block__co{font-size:14px;color:var(--red);}
.job-modal__head h2{margin-top:2px;font:600 clamp(1.4rem,2.2vw,1.75rem)/1.25 var(--display);letter-spacing:-.01em;}
.job-modal__head .job-head-block__dept{margin-top:4px;font-size:14px;}
.job-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;}
.job-modal__body .facts{margin:0;padding:2px 30px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);}
.job-modal__body .facts dd{font-size:15px;}
.job-modal__body .facts dt{font-size:13px;}
.job-modal__grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;padding:28px 30px;}
.job-modal__grid .block h2{margin-bottom:10px;font-size:18px;}
.job-modal__grid .block + .block{margin-top:30px;}
.job-modal__grid .info{margin-top:0;}
.job-modal__foot{display:flex;align-items:center;gap:16px;padding:14px 30px;border-top:1px solid var(--line);background:#fff;}
.job-modal__foot .notice{margin-top:0;padding:8px 12px;font-size:14px;}
.job-modal__foot .job-actions{display:flex;flex-direction:row-reverse;gap:8px;margin-left:auto;}
@media (prefers-reduced-motion:reduce){
    .job-modal[open],.job-modal__loading span{animation:none;}
}

/* Responsif */
@media (max-width:1040px){
    .site-head__in{gap:16px;}
    .nav-toggle{display:block;}
    .site-menu{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px var(--gutter) 20px;background:#fff;border-bottom:1px solid var(--line);}
    .site-menu.is-open{display:flex;}
    .site-nav{flex-direction:column;gap:0;margin-left:0;}
    .site-nav a{padding:13px 0;border-bottom:1px solid var(--line);}
    .site-nav a.is-current{box-shadow:none;color:var(--red);}
    .site-actions{margin-top:14px;}
    .hero{padding:52px 0 0;}
    .hero__copy{padding-bottom:0;}
    .hero__grid{grid-template-columns:1fr;gap:40px;}
    .hero__art{justify-self:center;max-width:560px;}
    .hero__art::before{left:0;}
    .openings__all{margin-left:0;}
    .flow{grid-template-columns:1fr;--gap:0px;}
    .flow__step{min-height:calc(var(--node) + 36px);padding:0 0 32px calc(var(--node) + 20px);}
    .flow__node{position:absolute;left:0;top:0;}
    .flow__line{top:calc(var(--node) + 8px);bottom:8px;left:calc(var(--node) / 2 - 1px);right:auto;width:2px;height:auto;}
    .flow__line i{width:100%;height:0;transition:height .55s ease-in-out;}
    .flow__step.is-done .flow__line i{height:100%;}
    .flow__n{margin-top:0;}
    .listing{grid-template-columns:1fr;gap:20px;}
    .facets{display:none;}
    .facets.is-open{display:block;}
    .facets-toggle{display:inline-flex;}
    .job-modal__grid{grid-template-columns:1fr;gap:28px;}
    .job-body{grid-template-columns:1fr;gap:40px;}
    .apply{position:static;}
    .band__in{flex-direction:column;align-items:flex-start;padding-right:120px;}
}
@media (max-width:760px){
    :root{--gutter:16px;}
    body{font-size:15px;}
    .site-head__in{height:68px;}
    .site-logo img{height:72px;margin:-16px -46px -19px -17px;}
    .site-logo img.is-tight{height:40px;margin:0;}
    .site-logo__label{font-size:18px;padding-left:10px;}
    .site-menu{top:68px;}
    .search{grid-template-columns:1fr;}
    .search select{border-left:0;border-top:1px solid var(--line);}
    .search .btn{width:100%;}
    .section{padding:56px 0;}
    .section__head{flex-direction:column;gap:6px;margin-bottom:18px;}
    .job-head{display:none;}
    .job-cols,.results .job-cols{grid-template-columns:1fr 1fr;gap:4px 16px;}
    .job-list{border-top:2px solid var(--ink);}
    .job-row{padding:16px 4px;}
    .job-row__main{grid-column:1/-1;margin-bottom:6px;}
    .job-row__cell{font-size:15px;}
    .job-row__go{display:none;}
    .job-row__cell--empty{display:none;}
    .flow{--node:60px;}
    .flow__head{align-items:flex-start;margin-bottom:28px;}
    .prep{grid-template-columns:1fr;gap:24px;}
    .band::after{width:70px;}
    .band__in{padding-top:44px;padding-bottom:44px;padding-right:72px;}
    .band__act{flex-wrap:wrap;}
    .site-foot__grid{grid-template-columns:1fr;gap:30px;}
    .results__meta{flex-wrap:wrap;}
    .job-modal{width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0;}
    .job-modal__head{gap:12px;padding:16px 56px 16px 16px;}
    .job-modal__logo{width:52px;height:52px;}
    .job-modal__body .facts{padding:0 16px 12px;}
    .job-modal__body .facts div{padding-right:22px;}
    .job-modal__grid{padding:20px 16px;}
    .job-modal__foot{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px;}
    .job-modal__foot .job-actions{flex-direction:column;margin-left:0;}
    .job-head-block__top{flex-direction:column-reverse;gap:16px;}
    .job-head-block__logo{max-height:52px;}
    .facts div{padding-right:28px;}
}