.dhJobsPage,
.dhJobDetail{
  width:min(1120px,100%);
  margin:0 auto;
  min-width:0;
}

.dhJobsHero{
  margin:0 0 22px;
  padding:28px 28px 24px;
  border:1px solid rgba(169,44,255,.5);
  border-radius:28px;
  background:
    radial-gradient(circle at 0 0,rgba(230,82,214,.28),transparent 42%),
    radial-gradient(circle at 100% 0,rgba(126,231,255,.16),transparent 38%),
    linear-gradient(135deg,rgba(78,24,150,.78),rgba(16,10,28,.94));
}

.dhJobsEyebrow{
  margin:0 0 10px;
  color:#7ee7ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.dhJobsHero h1,
.dhJobDetail h1{
  margin:0;
  font-size:clamp(36px,6vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.dhJobsLede{
  max-width:680px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.5;
}

.dhJobsSearch{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(160px,.7fr) auto auto;
  gap:12px;
  align-items:end;
  margin:0 0 18px;
  padding:16px;
  border:1px solid rgba(126,231,255,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(230,82,214,.16),transparent 36%),
    linear-gradient(180deg,rgba(22,14,34,.96),rgba(8,6,14,.96));
}

.dhJobsSearch .field{
  min-width:0;
}

.dhJobsSearch .btn,
.dhJobActions .btn,
.dhJobsView,
.dhJobsEmpty .btn,
.dhJobConfirm .btn{
  min-height:48px;
}

.dhJobsCount,
.dhJobsStatus{
  margin:0 0 14px;
  color:#d7cbe6;
}

.dhJobsResults{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  min-width:0;
}

.dhJobsCard,
.dhJobSheet,
.dhJobsEmpty{
  min-width:0;
  padding:20px;
  border:1px solid rgba(169,44,255,.38);
  border-radius:22px;
  background:
    linear-gradient(160deg,rgba(28,16,44,.96),rgba(8,6,14,.98));
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

.dhJobsCardTop{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.dhJobsLogo,
.dhJobsMark{
  width:64px;
  height:64px;
  flex:0 0 64px;
  border-radius:18px;
  border:1px solid rgba(126,231,255,.45);
  background:#140c22;
  object-fit:cover;
}

.dhJobsMark{
  display:grid;
  place-items:center;
  color:#f4b4ff;
  font-weight:900;
  letter-spacing:.04em;
}

.dhJobsCardIdentity{
  min-width:0;
  flex:1 1 auto;
}

.dhJobsType{
  margin:0 0 4px;
  color:#7ee7ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dhJobsCard h2,
.dhJobSheet h1{
  margin:0;
  font-size:clamp(22px,3vw,30px);
  line-height:1.15;
  overflow-wrap:break-word;
}

.dhJobsEmployer,
.dhJobsTitleLine{
  margin:6px 0 0;
  color:#e7d7f4;
  overflow-wrap:break-word;
}

.dhJobsOpen{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid rgba(85,230,165,.55);
  border-radius:999px;
  color:#86f0bf;
  font-size:12px;
  font-weight:900;
}

.dhJobsFacts{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:16px 0 0;
}

.dhJobsFacts div{
  min-width:0;
}

.dhJobsFacts dt{
  color:#9d93ad;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dhJobsFacts dd{
  margin:3px 0 0;
  overflow-wrap:break-word;
}

.dhJobsCardSummary,
.dhJobDescription{
  display:block;
  margin:14px 0 0;
  color:#d9d0e4;
  line-height:1.55;
  overflow-wrap:break-word;
  white-space:pre-wrap;
}

.dhJobsView{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin-top:16px;
  text-decoration:none;
}

.dhJobsBack{
  margin-top:16px;
}

.dhJobsBack{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin:8px 0 16px;
  color:#7ee7ff;
  font-weight:800;
}

.dhJobsProfileLink{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:12px;
  color:#f4b4ff;
  font-weight:800;
}

.dhJobActions,
.dhJobConfirm{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}

.dhJobsNote,
.dhJobsApplied{
  margin:0;
  color:#d9d0e4;
}

.dhJobsApplied{
  padding:8px 12px;
  border:1px solid rgba(126,231,255,.4);
  border-radius:999px;
  color:#b8f4ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}

.dhJobConfirm{
  padding:14px;
  border:1px solid rgba(85,230,165,.4);
  border-radius:16px;
  background:rgba(14,40,28,.45);
}

.dhJobConfirm h2{
  margin:0 0 6px;
}

.dhJobsEmpty h1,
.dhJobsEmpty h2{
  margin:0 0 8px;
}

.dhJobsEmpty p{
  margin:0 0 14px;
  color:var(--muted);
}

.dhJobsPage a:focus-visible,
.dhJobDetail a:focus-visible,
.dhJobsPage button:focus-visible,
.dhJobDetail button:focus-visible,
.dhJobsPage input:focus-visible,
.dhJobsPage select:focus-visible{
  outline:3px solid #7ee7ff;
  outline-offset:2px;
}

@media(max-width:900px){
  .dhJobsSearch,
  .dhJobsResults{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .dhJobsHero{
    padding:20px 16px;
  }

  .dhJobsCardTop{
    flex-wrap:wrap;
  }

  .dhJobsSearch .btn,
  .dhJobsView,
  .dhJobActions .btn,
  .dhJobConfirm .btn,
  .dhJobsEmpty .btn{
    width:100%;
  }
}