:root{
  --corejobs-font-body:var(--font-body,var(--lh-font-body,var(--font-sans,'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)));
  --corejobs-font-heading:var(--font-heading,var(--lh-font-heading,var(--font-serif,'Merriweather',Georgia,serif)));
  --corejobs-font-ui:var(--font-ui,var(--lh-font-ui,var(--corejobs-font-body)));

  --corejobs-text:var(--color-text,var(--lh-text,#233234));
  --corejobs-muted:var(--color-text-soft,var(--lh-muted,#5b6d6a));
  --corejobs-surface:var(--color-surface-strong,var(--lh-panel,#fcfbf8));
  --corejobs-surface-alt:var(--color-surface-muted,var(--lh-panel-soft,#f7f5f1));
  --corejobs-line:var(--color-border,var(--lh-border,rgba(35,50,52,.18)));
  --corejobs-line-strong:var(--color-border-strong,rgba(35,50,52,.28));
  --corejobs-accent:var(--color-accent-2,var(--lh-teal-2,#2f8b84));
  --corejobs-accent-strong:var(--color-accent-3,var(--lh-teal-3,#216762));
  --corejobs-accent-soft:var(--color-accent-1,var(--lh-teal-1,#62b8ae));
  --corejobs-button-text:var(--color-button-text,#ffffff);
  --corejobs-radius:var(--lh-radius-card,var(--radius-lg,18px 9px 18px 9px));
  --corejobs-radius-button:var(--radius-button,13px 7px 13px 7px);
  --corejobs-shadow:var(--lh-shadow-soft,var(--shadow-soft,0 14px 28px rgba(10,24,26,.09),0 4px 10px rgba(10,24,26,.05)));
}

html[data-theme="dark"],
body[data-theme="dark"]{
  --corejobs-text:var(--color-text,#edf2f1);
  --corejobs-muted:var(--color-text-soft,#c4d1cf);
  --corejobs-surface:var(--color-surface-strong,#1d2b2f);
  --corejobs-surface-alt:var(--color-surface-muted,#162126);
  --corejobs-line:var(--color-border,rgba(237,242,241,.18));
  --corejobs-line-strong:var(--color-border-strong,rgba(237,242,241,.26));
  --corejobs-accent:var(--color-accent-2,#7abeb6);
  --corejobs-accent-strong:var(--color-accent-3,#98d8d1);
  --corejobs-accent-soft:var(--color-accent-1,#98d8d1);
  --corejobs-button-text:#102024;
}

html[data-theme="mid"],
body[data-theme="mid"]{
  --corejobs-text:var(--color-text,#edf4f2);
  --corejobs-muted:var(--color-text-soft,#cfe0db);
  --corejobs-surface:var(--color-surface-strong,#244f50);
  --corejobs-surface-alt:var(--color-surface-muted,#1e4648);
  --corejobs-line:var(--color-border,rgba(232,241,238,.24));
  --corejobs-line-strong:var(--color-border-strong,rgba(232,241,238,.30));
  --corejobs-accent:var(--color-accent-2,#e8f1ee);
  --corejobs-accent-strong:var(--color-accent-1,#8ccfc6);
  --corejobs-accent-soft:var(--color-accent-1,#8ccfc6);
  --corejobs-button-text:#173f41;
}

.core-jobs,
.core-jobs *{
  box-sizing:border-box;
}

.core-jobs{
  margin-block:1.5rem 0;
  color:var(--corejobs-text);
  font-family:var(--corejobs-font-body);
}

.core-jobs__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.35rem);
  align-items:stretch;
}

.core-job{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:1fr auto;
  gap:1.25rem;
  min-width:0;
  min-height:100%;
  padding:clamp(1.15rem,2vw,1.45rem);
  border:1px solid var(--corejobs-line);
  border-radius:var(--corejobs-radius);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--corejobs-surface) 96%, white 4%),
      color-mix(in srgb, var(--corejobs-surface-alt) 92%, var(--corejobs-surface) 8%)
    );
  color:var(--corejobs-text);
  box-shadow:var(--corejobs-shadow);
  overflow:hidden;
}

.core-job::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:.22rem;
  background:linear-gradient(90deg,var(--corejobs-accent),var(--corejobs-accent-soft));
  opacity:.95;
  z-index:-1;
}

.core-job__body{
  display:grid;
  gap:.7rem;
  align-content:start;
}

.core-jobs__eyebrow{
  margin:0;
  color:var(--corejobs-accent-strong);
  font-family:var(--corejobs-font-ui);
  font-size:.75rem;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.core-job__title{
  margin:0;
  color:var(--corejobs-text);
  font-family:var(--corejobs-font-heading);
  font-size:clamp(1.25rem,2vw,1.65rem);
  line-height:1.12;
  font-weight:800;
  text-wrap:balance;
}

.core-job__title a{
  color:inherit;
  text-decoration:none;
}

.core-job__title a:hover,
.core-job__title a:focus-visible{
  color:var(--corejobs-accent-strong);
  text-decoration:none;
}

.core-job__facts{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.15rem 0 0;
  padding:0;
  list-style:none;
}

.core-job__facts li{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  margin:0;
  padding:.38rem .65rem;
  border:1px solid color-mix(in srgb, var(--corejobs-accent) 26%, var(--corejobs-line));
  border-radius:999px;
  background:color-mix(in srgb, var(--corejobs-accent) 10%, transparent);
  color:var(--corejobs-text);
  font-family:var(--corejobs-font-ui);
  font-size:.83rem;
  line-height:1.25;
  font-weight:650;
}

.core-job__date,
.core-job__excerpt{
  margin:0;
  color:var(--corejobs-muted);
  font-size:.96rem;
  line-height:1.65;
}

.core-job__date{
  font-size:.86rem;
  font-weight:650;
}

.core-job__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  padding-top:.25rem;
}

.core-jobs__button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.85rem;
  padding:.75rem 1rem;
  border-radius:var(--corejobs-radius-button);
  border:1px solid var(--corejobs-line-strong);
  color:var(--corejobs-text);
  font-family:var(--corejobs-font-ui);
  font-size:.94rem;
  line-height:1.15;
  font-weight:750;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, filter .18s ease;
}

.core-jobs__button:hover,
.core-jobs__button:focus-visible{
  transform:translateY(-1px);
  text-decoration:none !important;
}

.core-jobs__button--primary{
  border-color:color-mix(in srgb, var(--corejobs-accent-strong) 70%, black 6%);
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--corejobs-accent) 82%, white 18%),
    color-mix(in srgb, var(--corejobs-accent-strong) 92%, black 8%)
  );
  color:var(--corejobs-button-text);
  box-shadow:0 14px 24px color-mix(in srgb, var(--corejobs-accent-strong) 22%, transparent);
}

.core-jobs__button--primary:hover,
.core-jobs__button--primary:focus-visible{
  filter:saturate(1.04) brightness(1.01);
}

.core-jobs__button--ghost{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--corejobs-surface) 84%, transparent),
    color-mix(in srgb, var(--corejobs-surface-alt) 92%, transparent)
  );
  color:var(--corejobs-accent-strong);
  border-color:color-mix(in srgb, var(--corejobs-accent) 32%, var(--corejobs-line));
}

.core-jobs__empty{
  display:grid;
  gap:.65rem;
  padding:clamp(1.15rem,2vw,1.45rem);
  border:1px solid var(--corejobs-line);
  border-radius:var(--corejobs-radius);
  background:var(--corejobs-surface);
  color:var(--corejobs-text);
  box-shadow:var(--corejobs-shadow);
}

.core-jobs__empty-title{
  margin:0;
  font-family:var(--corejobs-font-heading);
  font-size:clamp(1.25rem,2vw,1.55rem);
  line-height:1.12;
}

.core-jobs__empty p{
  margin:0;
  color:var(--corejobs-muted);
}

.core-jobs__empty-action{
  margin-top:.25rem !important;
}

@media (max-width: 64rem){
  .core-jobs__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 44rem){
  .core-jobs{
    margin-block:1.1rem 0;
  }

  .core-jobs__grid{
    grid-template-columns:1fr;
  }

  .core-job__actions,
  .core-jobs__button{
    width:100%;
  }
}
