/* =====================================================================
   DMT Mate — Careers
   ===================================================================== */

/* ---------- Section headings ---------- */
.pd-section-head{margin-bottom:1.2rem}
.pd-section-head h2{font-size:var(--step-2);margin:.25rem 0 .3rem}
.pd-section-head p{color:var(--slate);margin:0;font-size:.95rem}

/* ---------- Why us ---------- */
.cr-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.cr-intro h2{font-size:var(--step-2);margin:.25rem 0 0;max-width:16ch}
.cr-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.cr-value{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.5rem 1.4rem;transition:transform .25s ease,box-shadow .25s ease}
.cr-value:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cr-value__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:var(--signal-50,#eef8e4);color:var(--signal-700,#3f7a12);margin-bottom:.9rem}
.cr-value__ico svg{width:22px;height:22px}
.cr-value h3{font-size:1.05rem;margin:0 0 .35rem;color:var(--ink)}
.cr-value p{margin:0;color:var(--slate);font-size:.92rem;line-height:1.65}

/* ---------- Vacancy list ---------- */
.cr-jobs{display:grid;gap:1rem}
.cr-job{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:center;
  transition:border-color .2s ease,box-shadow .2s ease}
.cr-job:hover{border-color:var(--royal);box-shadow:var(--shadow)}
.cr-job__main h3{font-size:1.15rem;margin:0 0 .5rem;color:var(--ink);line-height:1.3}
.cr-job__main h3 a{color:inherit}
.cr-job__main h3 a:hover{color:var(--royal)}
.cr-job__meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-bottom:.6rem}
.cr-job__meta span{display:inline-flex;align-items:center;gap:.35rem;font-size:.83rem;color:var(--steel)}
.cr-job__meta svg{width:15px;height:15px;color:var(--signal-700,#3f7a12);flex:none}
.cr-job__meta--light span{color:#aab6d1}
.cr-job__meta--light svg{color:var(--signal)}
.cr-job__summary{margin:0;color:var(--slate);font-size:.93rem;line-height:1.65;max-width:68ch}
.cr-job__deadline{margin:.5rem 0 0;font-size:.82rem;color:var(--steel)}
.cr-job__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}

/* ---------- Empty state ---------- */
.cr-empty{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(2rem,5vw,3.5rem) 1.5rem;text-align:center}
.cr-empty__ico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;
  background:var(--mist);color:var(--steel);margin-bottom:1rem}
.cr-empty__ico svg{width:26px;height:26px}
.cr-empty h3{font-size:var(--step-1);margin:0 0 .4rem;color:var(--ink)}
.cr-empty p{margin:0 auto;color:var(--slate);max-width:46ch}
.cr-empty__btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem}

/* ---------- General application band ---------- */
.cr-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  padding:clamp(2rem,4vw,3rem) 0}
.cr-cta h2{font-size:var(--step-2);max-width:22ch}
.cr-cta__btns{display:flex;gap:.8rem;flex-wrap:wrap}

/* ---------- Vacancy detail ---------- */
.cr-closed{display:inline-block;margin-top:1rem;padding:.4rem 1rem;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid var(--line-dark-2);color:#ffd9d2;font-size:.86rem}
.cr-detail{display:grid;grid-template-columns:1fr 340px;gap:clamp(1.6rem,4vw,3rem);align-items:start}
.cr-lead{font-size:var(--step-1);color:var(--graphite);line-height:1.7;margin:0 0 1.4rem;max-width:66ch}
.cr-body{color:var(--slate);line-height:1.78;margin-bottom:1.6rem;max-width:68ch}
.cr-detail h2{font-size:var(--step-1);margin:2rem 0 .8rem;color:var(--ink)}
.cr-detail h2:first-of-type{margin-top:0}
.cr-list{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.6rem;max-width:68ch}
.cr-list li{position:relative;padding-left:1.7rem;color:var(--slate);line-height:1.6}
.cr-list li::before{content:"";position:absolute;left:0;top:.45em;width:.8rem;height:.45rem;
  border-left:2px solid var(--signal);border-bottom:2px solid var(--signal);transform:rotate(-45deg);border-radius:1px}

.cr-apply{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem 1.5rem;position:sticky;top:5.5rem}
.cr-apply h3{font-size:1.05rem;margin:0 0 1rem;color:var(--ink)}
.cr-facts{margin:0 0 1.2rem;display:grid;gap:.85rem}
.cr-facts dt{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--steel);font-weight:700}
.cr-facts dd{margin:.15rem 0 0;color:var(--ink);font-weight:500;font-size:.93rem;line-height:1.4}
.cr-facts dd a{color:var(--royal)}
.cr-facts dd a:hover{text-decoration:underline}
.cr-apply .btn{width:100%;justify-content:center;margin-bottom:.6rem}
.cr-apply__note{font-size:.88rem;color:var(--slate);margin:0 0 1rem}

/* ---------- Responsive ---------- */
@media(max-width:940px){
  .cr-intro{grid-template-columns:1fr;gap:1.4rem}
  .cr-detail{grid-template-columns:1fr}
  .cr-apply{position:static}
}
@media(max-width:760px){
  .cr-values{grid-template-columns:1fr}
  .cr-job{grid-template-columns:1fr;gap:1rem}
  .cr-job__actions{justify-content:flex-start}
  .cr-cta{flex-direction:column;align-items:flex-start}
}