/* TheCareers.net — SAME compact Level 6 card anatomy as TheCareers.org.
   Shared structure and spacing. Blue accent keeps the .net identity.
   Do not reapply legacy horizontal-card styles or truncate descriptions. */
.row-opps #jobList.job-list {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  padding:16px!important;
  width:100%;
  min-width:0;
}
.row-opps #jobList.job-list>.jobs-empty-state {
  grid-column:1/-1;
  min-width:0;
}
#jobList>.tc-job-compact .job-main {
  display:block!important;
  width:100%!important;
  min-width:0;
  margin:0!important;
}
#jobList>.tc-job-compact .tc-save-job {
  width:36px;height:36px;min-width:36px;min-height:36px;
  padding:5px;flex:none;display:grid;place-items:center;
  border-radius:10px;border:1px solid #e1e7f3;
  color:#1555bb;background:#f7f9fd;cursor:pointer;
  font-size:19px;line-height:1;
}
#jobList>.tc-job-compact .tc-save-job.tc-saved {
  color:#15664a;background:#e8f7ef;border-color:#bce4d1;
}
#jobList>.tc-job-compact .tc-save-job:focus-visible {
  outline:3px solid #80aefe;outline-offset:3px;
}
.row-opps #jobList.job-list {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
#jobList>.card.tc-job-level6.tc-job-compact {
  display:flex!important;
  flex-direction:column!important;
  gap:13px;
  min-height:356px;
  padding:16px!important;
  border:1px solid #e4e8f1;
  border-radius:20px;
  background:linear-gradient(180deg,#fdfefe,#fff 36%);
  box-shadow:0 9px 20px -15px rgba(31,79,143,.22);
}
#jobList>.tc-job-compact>.new-badge{
  inset-inline-start:auto;
  inset-inline-end:14px;
  top:14px;
  font-size:10px;
}
#jobList>.tc-job-compact .tc-card-header {
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding-inline-end:0;
  min-width:0;
}
#jobList>.tc-job-compact .seal{
  width:36px;
  height:36px;
  border:1px solid #e3eae4;
  border-radius:10px;
  background:#eff7f4;
  color:#1254c2;
  font-size:10px;
  box-shadow:none;
  padding:4px;
}
#jobList>.tc-job-compact .tc-card-employer{
  display:block;
  flex:1;
  min-width:0;
  line-height:1.38;
}
#jobList>.tc-job-compact .tc-card-employer strong{
  display:block;
  color:#263c3b;
  font-size:12px;
  font-weight:700;
  overflow-wrap:anywhere;
}
#jobList>.tc-job-compact .tc-card-employer time{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#62716e;
}
#jobList>.tc-job-compact .tc-card-role h3{
  font-family:'Tajawal',sans-serif;
  color:#243b39;
  font-size:17px;
  font-weight:800;
  line-height:1.35;
  margin:0 0 2px;
  overflow-wrap:anywhere;
}
#jobList>.tc-job-compact .tc-card-location {
  font-size:12px;
  color:#687773;
  display:block;
}
#jobList>.tc-job-compact .tc-card-facts{
  display:block;
}
#jobList>.tc-job-compact .tc-card-facts>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e7e9e7;
  padding:9px 0;
  min-height:38px;
}
#jobList>.tc-job-compact .tc-card-facts>div span{
  font-size:12px;
  font-weight:500;
  color:#65736f;
}
#jobList>.tc-job-compact .tc-card-facts>div b{
  text-align:end;
  color:#233a38;
  font-size:12px;
  font-weight:800;
  overflow-wrap:anywhere;
}
#jobList>.tc-job-compact.tc-job-salary-known .tc-card-facts>div:first-child b{
  color:#1254c2;
  font-weight:900;
}
#jobList>.tc-job-compact .tc-card-blurb{
  /* Summary is a complete sentence, so never ellipsize it. */
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  margin:0;
  color:#60736c;
  font-size:11.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
#jobList>.tc-job-compact .tc-card-email{
  margin:0;
  font-size:11px;
  text-align:start;
}
#jobList>.tc-job-compact .tc-card-email a{
  color:#1254c2;
  font-weight:800;
  overflow-wrap:anywhere;
}
#jobList>.tc-job-compact .tc-card-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-top:0;
}
#jobList>.tc-job-compact .tc-card-tags span{
  border:1px solid #e1e7e0;
  border-radius:8px;
  background:#f4f7f5;
  color:#4b645c;
  padding:2px 7px;
  font-size:10px;
  line-height:1.5;
  font-weight:700;
}
#jobList>.tc-job-compact .card-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  gap:8px;
  margin-top:auto;
  padding:10px 0 0;
  border-top:0;
}
#jobList>.tc-job-compact .card-actions>a{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:6px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}
#jobList>.tc-job-compact .card-actions .apply{
  background:#1254c2;
  color:#fff;
  box-shadow:0 9px 16px -13px rgba(31,79,143,.7);
}
#jobList>.tc-job-compact .card-actions .tc-card-details{
  color:#2e4a43;
  background:#fff;
  border:1px solid #ebefe9;
}
#jobList>.tc-job-compact .card-actions>a:focus-visible,
#jobList>.tc-job-compact .tc-card-email a:focus-visible{
  outline:3px solid #81acfa;
  outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
  #jobList>.card.tc-job-level6.tc-job-compact:hover{
    transform:translateY(-4px);
    border-color:#afc9c0;
    box-shadow:0 19px 36px -20px rgba(31,79,143,.25);
  }
}
@media(max-width:760px){
  .row-opps #jobList.job-list{grid-template-columns:1fr;}
  #jobList>.card.tc-job-level6.tc-job-compact{min-height:320px;}
}
@media(prefers-reduced-motion:reduce){
  #jobList>.card.tc-job-level6.tc-job-compact,
  #jobList>.card.tc-job-level6.tc-job-compact *{
    animation:none!important;transition:none!important;
  }
  #jobList>.card.tc-job-level6.tc-job-compact:hover{transform:none;}
}

/* Counter previous grid-row / legacy Level-6 rules on the same named card. */
html body .row-opps #jobList>.backend-job.tc-job-level6.tc-job-compact {
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  min-height:356px!important;
  gap:13px!important;
  border-radius:20px!important;
  padding:16px!important;
  overflow:visible!important;
}
#jobList>.tc-job-compact .tc-card-role .title {
  display:block!important;
  min-height:0!important;
  margin:0 0 2px!important;
  font-size:17px!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
}
#jobList>.tc-job-compact .tc-card-blurb {
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal;
  -webkit-line-clamp:unset!important;
}
@media (max-width:850px) {
  .row-opps #jobList.job-list{grid-template-columns:1fr!important;padding:10px!important;}
}
@media(prefers-reduced-motion:reduce) {
  #jobList>.tc-job-compact,
  #jobList>.tc-job-compact *{animation:none!important;transition:none!important}
}