/* Video reference: level 06 is cumulative, not animation alone.
   Keep the site's existing RTL, bilingual content, source links and colors. */
#jobGrid > .card.tc-job-level6 {
  --tc-job-accent:var(--sea,#0F4448);
  position:relative;
  isolation:isolate;
  gap:16px;
  padding:24px;
  border:1px solid #dedfd1;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(235,245,240,.88),rgba(255,255,255,.98) 42%),#fff;
  box-shadow:0 20px 34px -27px rgba(15,68,72,.35),0 6px 14px -12px rgba(13,43,46,.13);
  animation:none;
  transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease-out,border-color 220ms ease-out;
}
#jobGrid > .card.tc-job-level6::after {
  border-radius:24px 0 0 24px;
  width:2px;
  opacity:0;
}
#jobGrid > .card.tc-job-level6 .card-top {gap:16px;}
#jobGrid > .card.tc-job-level6 .seal {
  border-radius:16px;
  padding:8px;
  background:linear-gradient(145deg,#f0f7f5,#e2eeeb);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 15px -14px rgba(15,68,72,.4);
}
#jobGrid > .card.tc-job-level6 .card-title h3 {
  margin-bottom:8px;
  color:#102e31;
  font-size:18px;
  font-weight:800;
}
#jobGrid > .card.tc-job-level6 .card-title .company,
#jobGrid > .card.tc-job-level6 .source-name,
#jobGrid > .card.tc-job-level6 .card-meta {
  color:#61716e;
}
#jobGrid > .card.tc-job-level6 .tags {gap:8px;}
#jobGrid > .card.tc-job-level6 .tag {
  border-radius:16px;
  padding:6px 10px;
}
#jobGrid > .card.tc-job-level6 .salary {
  color:#61716e;
  font-weight:800;
}
#jobGrid > .card.tc-job-level6.tc-job-salary-known .salary {
  color:var(--tc-job-accent);
  font-weight:900;
}
#jobGrid > .card.tc-job-level6 .card-actions {
  gap:16px;
  border-top:1px solid rgba(214,197,165,.56);
  padding-top:16px;
}
#jobGrid > .card.tc-job-level6 .apply {
  min-height:44px;
  border-radius:8px;
  color:#fff;
  background:var(--tc-job-accent);
  box-shadow:0 9px 16px -13px rgba(15,68,72,.75);
  transition:transform 160ms ease-out,box-shadow 200ms ease-out,background 200ms ease-out;
}
#jobGrid > .card.tc-job-level6 .apply:focus-visible,
#jobGrid > .card.tc-job-level6 .source-name:focus-visible {
  outline:3px solid #80bfb5;
  outline-offset:3px;
  border-radius:8px;
}
@media (hover:hover) and (pointer:fine) {
  #jobGrid > .card.tc-job-level6:hover {
    transform:translateY(-4px);
    border-color:#adc9c4;
    box-shadow:0 25px 40px -24px rgba(15,68,72,.3),0 8px 16px -12px rgba(13,43,46,.13);
  }
  #jobGrid > .card.tc-job-level6:hover::after {opacity:.7;}
  #jobGrid > .card.tc-job-level6 .apply:hover {
    background:var(--sea-2,#15575B);
    transform:translateY(-1px);
    box-shadow:0 10px 18px -12px rgba(15,68,72,.72);
  }
}
#jobGrid > .card.tc-job-level6 .apply:active {transform:scale(.96);}
@keyframes tc6-enter {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes tc6-detail {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#jobGrid > .card.tc-job-level6.tc-job-enter {
  animation:tc6-enter 280ms ease-out both;
  animation-delay:var(--tc-enter-delay,0ms);
}
#jobGrid > .card.tc-job-level6.tc-job-enter .card-top {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 0ms);
}
#jobGrid > .card.tc-job-level6.tc-job-enter .tags {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 40ms);
}
#jobGrid > .card.tc-job-level6.tc-job-enter .card-meta {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 80ms);
}
#jobGrid > .card.tc-job-level6.tc-job-enter .card-actions {
  animation:tc6-detail 240ms ease-out both;
  animation-delay:calc(var(--tc-enter-delay,0ms) + 120ms);
}
@media (max-width:760px) {
  #jobGrid > .card.tc-job-level6 {
    padding:16px;
    border-radius:24px;
    min-height:auto;
  }
  #jobGrid > .card.tc-job-level6 .card-title h3 {font-size:17px;}
  #jobGrid > .card.tc-job-level6 .card-top {gap:8px;}
  #jobGrid > .card.tc-job-level6 .card-actions {gap:8px;}
}
@media (hover:none) {
  #jobGrid > .card.tc-job-level6:hover {transform:none;}
  #jobGrid > .card.tc-job-level6:hover::after {opacity:0;}
}
@media (prefers-reduced-motion:reduce) {
  #jobGrid > .card.tc-job-level6,
  #jobGrid > .card.tc-job-level6 * {
    animation:none!important;
    transition:none!important;
  }
  #jobGrid > .card.tc-job-level6:hover,
  #jobGrid > .card.tc-job-level6 .apply:active {transform:none!important;}
}