/* lotuz.vn design system — careers.css: trang Tuyển dụng (themes/thebe/page-tuyen-dung.php, .careers-page).
   Cùng thang chữ và component với trang dịch vụ (pages.css): serif mảnh cho H1/H2, chữ 14.5, nhãn 12 in hoa, lưới kẻ ô, nút viền vàng.
   Emoji trong dữ liệu cũ bị ẩn (design system dùng chữ, không dùng emoji). */

body.lz-ds .careers-page{
  --cr-pad-x:clamp(24px,4vw,48px);
  width:var(--wcol);margin:var(--sp-top) auto var(--sp-7);
  font:400 14.5px/1.6 var(--sans);color:var(--t2)
}
@media (max-width:760px){body.lz-ds .careers-page{--cr-pad-x:18px}}
body.lz-ds .careers-page *{box-sizing:border-box}
body.lz-ds .careers-page :is(h1,h2,h3,h4,p,ul,li){margin:0}
body.lz-ds .careers-page a{color:var(--brass);text-decoration:none}
body.lz-ds .careers-page a:hover{color:var(--gold)}
body.lz-ds .careers-page strong{color:var(--t1);font-weight:600}
body.lz-ds .careers-page .cr-reveal{opacity:1;transform:none}

/* Kiểu chữ */
body.lz-ds .careers-page :is(.cr-eyebrow,.cr-hero-badge){display:flex;align-items:center;gap:10px;font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--label);background:none;border:0;padding:0}
body.lz-ds .careers-page :is(.cr-eyebrow,.cr-hero-badge)::before{content:"";flex:0 0 18px;height:1px;background:var(--label-line)}
body.lz-ds .careers-page :is(.cr-hero h1,.cr-section-title,.cr-cta h2){font-family:var(--display);font-weight:300;letter-spacing:-.01em;color:var(--paper);text-wrap:balance;background:none;-webkit-text-fill-color:currentColor}
body.lz-ds .careers-page .cr-hero h1{font-size:clamp(28px,2.8vw,40px);line-height:1.12}
body.lz-ds .careers-page :is(.cr-section-title,.cr-cta h2){font-size:clamp(23px,2.1vw,30px);line-height:1.18}
body.lz-ds .careers-page :is(h3,h4,.cr-job-title){font:600 14.5px/1.4 var(--sans);color:var(--paper);letter-spacing:0}
body.lz-ds .careers-page :is(.cr-section-desc,.cr-hero-sub,.cr-cta > .cr-cta-content > p){max-width:64ch;color:var(--t2)}

/* Nút (= .lsv-btn) */
body.lz-ds .careers-page .cr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 20px;border:1px solid var(--line-strong);border-radius:0;background:var(--glass);color:var(--t2);font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;box-shadow:none;transform:none;transition:background-color .25s,border-color .25s,color .25s}
body.lz-ds .careers-page .cr-btn-gold{background:linear-gradient(var(--gold-tint),var(--gold-tint)),var(--glass);border-color:var(--gold-line);box-shadow:inset 0 -2px 0 var(--gold);color:var(--paper)}
body.lz-ds .careers-page .cr-btn-gold:hover{background:linear-gradient(var(--gold-tint-2),var(--gold-tint-2)),var(--glass);border-color:var(--gold);color:var(--paper)}
body.lz-ds .careers-page .cr-btn-glass:hover{background:var(--slate);color:var(--paper)}

/* Hero: khung nền đá, không hoạ tiết/hạt */
body.lz-ds .careers-page .cr-hero{position:relative;min-height:0;padding:44px var(--cr-pad-x) 40px;background:var(--stone);border:1px solid var(--line-soft);overflow:hidden}
body.lz-ds .careers-page :is(.cr-hero-pattern,.cr-hero-particles,.cr-culture-visual){display:none!important}
body.lz-ds .careers-page .cr-hero-content{position:relative;display:grid;gap:14px;max-width:none;margin:0;text-align:left}
body.lz-ds .careers-page .cr-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;justify-content:flex-start}

/* Số liệu: một hàng, kẻ dọc */
body.lz-ds .careers-page .cr-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin:0;padding:24px var(--cr-pad-x);border-bottom:1px solid var(--line-soft);background:none;max-width:none}
body.lz-ds .careers-page .cr-stat{padding:4px 20px;border-left:1px solid var(--line-soft);background:none;text-align:left}
body.lz-ds .careers-page .cr-stat:first-child{border-left:0;padding-left:0}
body.lz-ds .careers-page .cr-stat-num{font:300 clamp(23px,2.1vw,30px)/1.1 var(--display);color:var(--label);background:none;-webkit-text-fill-color:currentColor}
body.lz-ds .careers-page .cr-stat-label{margin-top:4px;font:400 14.5px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:var(--t3)}

/* Section */
body.lz-ds .careers-page :is(.cr-why-section,.cr-culture,.cr-jobs,.cr-apply,.cr-cta){padding:40px var(--cr-pad-x);border-top:1px solid var(--line-soft);background:none}
body.lz-ds .careers-page :is(.cr-why-wrap,.cr-culture-wrap,.cr-jobs-wrap,.cr-apply-wrap,.cr-cta-content){display:grid;gap:10px;max-width:none;margin:0;padding:0;text-align:left}

/* Lưới kẻ ô dùng chung */
body.lz-ds .careers-page :is(.cr-why-grid,.cr-culture-items,.cr-apply-grid){display:grid;gap:1px;margin-top:10px;background:var(--line-soft);border:1px solid var(--line-soft)}
body.lz-ds .careers-page .cr-why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.lz-ds .careers-page .cr-culture-grid{display:block;margin:0}
body.lz-ds .careers-page .cr-culture-items{grid-template-columns:repeat(2,minmax(0,1fr))}
body.lz-ds .careers-page .cr-apply-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.lz-ds .careers-page :is(.cr-why-card,.cr-culture-item,.cr-apply-step){display:flex;flex-direction:column;gap:6px;margin:0;padding:18px 20px;border:0;border-radius:0;background:var(--stone);box-shadow:none;transform:none}
body.lz-ds .careers-page :is(.cr-why-card,.cr-culture-item,.cr-apply-step) p{color:var(--t3)}
body.lz-ds .careers-page :is(.cr-why-icon,.cr-apply-step-icon,.cr-job-icon){display:none}
body.lz-ds .careers-page .cr-culture-item{flex-direction:row;gap:14px}
body.lz-ds .careers-page :is(.cr-culture-num,.cr-apply-step-num){font:600 12px/1.6 var(--sans);letter-spacing:.1em;color:var(--label);background:none;-webkit-text-fill-color:currentColor;opacity:1;position:static}

/* Vị trí tuyển dụng: danh sách kẻ dòng, bấm để mở */
body.lz-ds .careers-page .cr-jobs-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 40px;margin:0 0 10px}
body.lz-ds .careers-page .cr-jobs-header > div{display:grid;gap:10px}
body.lz-ds .careers-page .cr-jobs-count{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);background:none;border:0;padding:0}
body.lz-ds .careers-page .cr-jobs-count span{color:var(--gold)}
body.lz-ds .careers-page .cr-job-card{margin:0;border:1px solid var(--line-soft);border-radius:0;background:var(--stone);box-shadow:none}
body.lz-ds .careers-page .cr-job-card + .cr-job-card{border-top:0}
body.lz-ds .careers-page .cr-job-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer}
body.lz-ds .careers-page .cr-job-header:hover{background:var(--slate)}
body.lz-ds .careers-page .cr-job-meta{display:flex;align-items:center;gap:14px;min-width:0}
body.lz-ds .careers-page .cr-job-title-wrap{display:grid;gap:6px}
body.lz-ds .careers-page .cr-job-tags{display:flex;flex-wrap:wrap;gap:6px}
body.lz-ds .careers-page .cr-job-tag{padding:3px 8px;border:1px solid var(--line-strong);border-radius:0;background:none;font:400 12px/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--t2)}
body.lz-ds .careers-page .cr-job-toggle{flex:none;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:0;background:none}
body.lz-ds .careers-page .cr-job-toggle svg{width:16px;height:16px;fill:none;stroke:var(--label);stroke-width:1.5;transition:transform .25s}
body.lz-ds .careers-page .cr-job-card.is-open .cr-job-toggle svg{transform:rotate(180deg)}
body.lz-ds .careers-page .cr-job-body{display:none;max-height:none;overflow:visible}
body.lz-ds .careers-page .cr-job-card.is-open .cr-job-body{display:block}
body.lz-ds .careers-page .cr-job-body-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;padding:4px 20px 20px;border-top:1px solid var(--line-soft)}
body.lz-ds .careers-page .cr-job-section{display:grid;gap:8px;padding-top:14px}
body.lz-ds .careers-page .cr-job-section-title{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}
body.lz-ds .careers-page .cr-job-list{list-style:none;padding:0;display:grid;gap:6px}
body.lz-ds .careers-page .cr-job-list li{position:relative;padding-left:16px;line-height:1.55;color:var(--t2)}
body.lz-ds .careers-page .cr-job-list li::before{content:"";position:absolute;left:1px;top:.62em;width:5px;height:5px;background:var(--label);border-radius:0}
body.lz-ds .careers-page .cr-job-apply-row{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line-soft)}
body.lz-ds .careers-page .cr-job-salary{display:grid;gap:2px}
body.lz-ds .careers-page .cr-job-salary-label{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
body.lz-ds .careers-page .cr-job-salary-value{font:600 14.5px/1.4 var(--sans);color:var(--paper);background:none;-webkit-text-fill-color:currentColor}

/* Liên hệ cuối trang: hộp nền đá, góc vàng (= CTA trang dịch vụ) */
body.lz-ds .careers-page .cr-cta{border-top:1px solid var(--line-soft)}
body.lz-ds .careers-page .cr-cta-content{position:relative;padding:32px 36px;border:1px solid var(--line);background:var(--stone)}
body.lz-ds .careers-page .cr-cta-content::before{content:"";position:absolute;left:-1px;top:-1px;width:32px;height:32px;border-top:1px solid var(--gold);border-left:1px solid var(--gold);pointer-events:none}
body.lz-ds .careers-page .cr-cta-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 4px}
body.lz-ds .careers-page .cr-cta-contact-item{display:grid;gap:2px;padding:0;border:0;background:none;text-align:left}
body.lz-ds .careers-page .cr-cta-contact-label{font:600 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--label)}
body.lz-ds .careers-page .cr-cta-contact-value{font:400 14.5px/1.5 var(--sans);color:var(--t1)}
body.lz-ds .careers-page .cr-cta-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:6px}

@media (max-width:1100px){
  body.lz-ds .careers-page .cr-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body.lz-ds .careers-page{width:auto;margin:var(--sp-top) var(--gx) var(--sp-6)}
  body.lz-ds .careers-page .cr-hero{padding:28px var(--cr-pad-x) 24px}
  body.lz-ds .careers-page .cr-stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
  body.lz-ds .careers-page .cr-stat{padding:2px 12px}
  body.lz-ds .careers-page .cr-stat:nth-child(odd){border-left:0;padding-left:0}
  body.lz-ds .careers-page :is(.cr-why-section,.cr-culture,.cr-jobs,.cr-apply,.cr-cta){padding:28px var(--cr-pad-x)}
  body.lz-ds .careers-page :is(.cr-culture-items,.cr-apply-grid){grid-template-columns:minmax(0,1fr)}
  body.lz-ds .careers-page :is(.cr-why-card,.cr-culture-item,.cr-apply-step){padding:14px 16px}
  body.lz-ds .careers-page .cr-job-header{padding:14px 16px}
  body.lz-ds .careers-page .cr-job-body-inner{grid-template-columns:minmax(0,1fr);padding:4px 16px 16px}
  body.lz-ds .careers-page .cr-cta-content{padding:22px 18px}
  body.lz-ds .careers-page .cr-cta-contacts{grid-template-columns:minmax(0,1fr)}
  body.lz-ds .careers-page :is(.cr-hero-ctas,.cr-cta-btns) .cr-btn{flex:1 1 auto}
}