.harwell-job-explorer{
  --hj-navy:#08255f;
  --hj-purple:#67127d;
  --hj-pink:#eb007a;
  --hj-text:#162746;
  --hj-muted:#53627e;
  --hj-border:#e1e6ef;
  --hj-soft:#f5f7fa;
  display:grid;
  grid-template-columns:minmax(330px,38%) minmax(0,62%);
  grid-template-rows:auto minmax(0,1fr);
  width:100%;
  height:min(720px,78vh);
  min-height:560px;
  overflow:hidden;
  border:1px solid var(--hj-border);
  border-radius:18px;
  background:#fff;
  color:var(--hj-text);
  font-family:inherit;
}
.harwell-job-explorer *{box-sizing:border-box}
.harwell-job-explorer__header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid var(--hj-border);background:#fff}
.harwell-job-explorer__header h2{margin:0!important;color:var(--hj-text)!important;font-size:21px!important;line-height:1.3!important;font-weight:700!important}
.harwell-job-explorer__header span{color:var(--hj-muted);font-size:15px;font-weight:600;white-space:nowrap}
.harwell-job-explorer__list{overflow-y:auto;overscroll-behavior:contain;padding:16px;background:#fff;border-right:1px solid var(--hj-border);scrollbar-width:thin;scrollbar-color:#bcc6d5 transparent}
.harwell-job-card{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 14px!important;padding:22px 22px 18px!important;overflow:hidden!important;border:2px solid var(--hj-border)!important;border-radius:16px!important;background:#fff!important;background-image:none!important;color:var(--hj-text)!important;font:inherit!important;line-height:normal!important;letter-spacing:normal!important;text-align:left!important;text-transform:none!important;white-space:normal!important;cursor:pointer;appearance:none!important;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.harwell-job-card:last-child{margin-bottom:0}
.harwell-job-card:hover{border-color:#b8c3d4;transform:translateY(-1px);box-shadow:0 5px 16px rgba(8,37,95,.06)}
.harwell-job-card.is-selected{border-color:#2149a4;box-shadow:0 0 0 1px #2149a4}
.harwell-job-card:focus-visible{outline:3px solid var(--hj-pink);outline-offset:2px}
.harwell-job-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.harwell-job-card__heading{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}
.harwell-job-card__title{display:block;color:var(--hj-purple);font-size:18px;font-weight:700;line-height:1.35}
.harwell-job-card__company{display:block;margin-top:5px;color:var(--hj-text);font-size:16px;line-height:1.4}
.harwell-job-card__facts{display:grid;gap:8px;margin-top:17px}
.harwell-job-card__facts>span{display:flex;align-items:flex-start;gap:9px;min-width:0;color:var(--hj-text);font-size:15px;line-height:1.42;white-space:normal;overflow-wrap:anywhere}
.harwell-job-card__facts svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px;fill:none;stroke:#60708d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.harwell-job-card__highlights{max-width:100%;margin:15px 0 0!important;padding-left:24px!important;color:var(--hj-muted);font-size:15px;line-height:1.43;white-space:normal!important;overflow-wrap:anywhere}
.harwell-job-card__highlights li{margin:0 0 5px!important;padding-left:2px}
.harwell-job-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px;color:var(--hj-muted);font-size:14px}
.harwell-job-card__chevron{color:var(--hj-navy);font-size:27px;line-height:1;transform:rotate(0deg)}
.harwell-job-card.is-selected .harwell-job-card__chevron{color:var(--hj-pink)}
.harwell-job-explorer__details{position:relative;overflow-y:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin;scrollbar-color:#bcc6d5 transparent}
.harwell-job-detail[hidden]{display:none!important}
.harwell-job-detail{min-height:100%;outline:none}
.harwell-job-detail:focus-visible{outline:3px solid var(--hj-pink);outline-offset:-5px}
.harwell-job-detail__inner{max-width:820px;padding:38px 44px 56px}
.harwell-job-detail__title{margin:0 0 5px!important;color:var(--hj-text)!important;font-size:clamp(25px,2.25vw,32px)!important;line-height:1.25!important;font-weight:650!important}
.harwell-job-detail__company-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 28px}
.harwell-job-detail__company{display:inline-flex;align-items:center;gap:7px;margin:0!important;color:var(--hj-text)!important;font-size:18px!important;line-height:1.45!important}
.harwell-job-detail__company svg{width:20px;height:20px;fill:none;stroke:#41506a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.harwell-job-detail__all-jobs{color:var(--hj-text)!important;font-size:16px;text-decoration:underline!important;text-underline-offset:4px}
.harwell-job-detail__all-jobs:hover{color:var(--hj-purple)!important}
.harwell-job-detail__facts{display:grid;gap:10px;margin-bottom:28px}
.harwell-job-detail__facts>div{display:flex;align-items:flex-start;gap:11px;font-size:16px;line-height:1.42}
.harwell-job-detail__facts svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px;fill:none;stroke:#60708d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.harwell-job-detail__apply{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:10px;background:var(--hj-pink);color:#fff!important;font-size:17px;font-weight:750;text-decoration:none!important;box-shadow:none;transition:background .16s ease,transform .16s ease}
.harwell-job-detail__apply:hover{background:#c90068;transform:translateY(-1px)}
.harwell-job-detail__apply:focus-visible{outline:3px solid var(--hj-navy);outline-offset:3px}
.harwell-job-detail__divider{height:1px;margin:34px 0;background:var(--hj-border)}
.harwell-job-detail__content{color:var(--hj-text);font-size:16px;line-height:1.65}
.harwell-job-detail__content h2,.harwell-job-detail__content h3{color:var(--hj-text);line-height:1.3}.harwell-job-detail__content h2{font-size:25px}.harwell-job-detail__content h3{font-size:20px}.harwell-job-detail__content ul,.harwell-job-detail__content ol{padding-left:24px}.harwell-job-detail__content a{color:var(--hj-purple)}
.harwell-jobs__empty{padding:32px;border:2px dashed var(--hj-border,#e1e6ef);border-radius:16px;background:var(--hj-soft,#f5f7fa);color:var(--hj-muted,#53627e);text-align:center;font-size:16px}
@media(max-width:820px){.harwell-job-explorer{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;min-height:0;overflow:visible}.harwell-job-explorer__list{max-height:390px;border-right:0;border-bottom:1px solid var(--hj-border)}.harwell-job-explorer__details{height:560px}.harwell-job-detail__inner{padding:30px 24px 46px}.harwell-job-detail__title{font-size:26px!important}}
@media(max-width:460px){.harwell-job-explorer{border-radius:14px}.harwell-job-explorer__header{padding:15px 16px}.harwell-job-explorer__header h2{font-size:19px!important}.harwell-job-explorer__header span{font-size:14px}.harwell-job-explorer__list{padding:12px;max-height:350px}.harwell-job-card{padding:18px 16px}.harwell-job-card__title{font-size:18px}.harwell-job-card__highlights{font-size:14px}.harwell-job-explorer__details{height:520px}.harwell-job-detail__inner{padding:26px 20px 40px}.harwell-job-detail__title{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.harwell-job-card,.harwell-job-detail__apply{transition:none}.harwell-job-card:hover,.harwell-job-detail__apply:hover{transform:none}}
