/* Candidate-local DASHPORT assessment offer styles. */
[data-section="dashport-assessment-offer"].dp{
  --dp-ink:#06301B;
  --dp-deep:var(--deep);
  --dp-mist:#F1F5F3;
  --dp-mist-2:#E4EBE7;
  --dp-line:#D2DCD7;
  --dp-gold:var(--gold);
  background:var(--dp-mist);
  border-top:1px solid var(--dp-line);
  box-sizing:border-box;
  color:var(--dp-ink);
  padding:80px 0;
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-assessment-offer"] *,
[data-section="dashport-assessment-offer"] *::before,
[data-section="dashport-assessment-offer"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-assessment-offer"] .dp-offer__in{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(32px,3.6vw,64px);
  align-items:start;
}

[data-section="dashport-assessment-offer"] .dp-offer__title{
  margin:0;
  font-family:var(--display);
  font-size:50px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:0;
  color:var(--dp-deep);
  max-width:20ch;
  text-wrap:pretty;
}

[data-section="dashport-assessment-offer"] .dp-offer__lede{
  margin:24px 0 0;
  max-width:34ch;
  color:var(--grey-mid);
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.45;
}

[data-section="dashport-assessment-offer"] .dp-btnrow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:36px;
}

[data-section="dashport-assessment-offer"] .dp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:18px 32px;
  background:var(--dp-gold);
  color:#181818;
  border:1px solid var(--dp-gold);
  font-family:var(--body);
  font-size:15px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}

[data-section="dashport-assessment-offer"] .dp-btn:hover{
  background:#FFFFFF;
  border-color:#FFFFFF;
  color:var(--dp-deep);
}

[data-section="dashport-assessment-offer"] .dp-offer__outcome{
  margin:36px 0 0;
  padding:26px 0 0;
  border-top:2px solid var(--dp-gold);
  max-width:32ch;
  color:var(--dp-ink);
  font-size:clamp(17px,1.35vw,20px);
  line-height:1.4;
}

[data-section="dashport-assessment-offer"] .dp-offer__outcome strong{
  color:var(--dp-deep);
  display:block;
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(20px,1.6vw,24px);
  margin-bottom:8px;
}

[data-section="dashport-assessment-offer"] .dp-offer__panel{
  background:#FFFFFF;
  color:var(--dp-ink);
  padding:clamp(30px,2.6vw,46px);
  border-top:6px solid var(--dp-gold);
}

[data-section="dashport-assessment-offer"] .dp-offer__paneltitle{
  margin:0 0 26px;
  font-family:var(--display);
  font-size:clamp(24px,2.1vw,32px);
  font-weight:var(--display-weight);
  line-height:1.12;
  color:var(--dp-deep);
}

[data-section="dashport-assessment-offer"] .dp-offer__checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 28px;
  margin:0;
  padding:0;
  list-style:none;
}

[data-section="dashport-assessment-offer"] .dp-offer__checks li{
  position:relative;
  padding-left:34px;
  color:var(--dp-ink);
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.35;
  font-weight:500;
}

[data-section="dashport-assessment-offer"] .dp-offer__checks li::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:-1px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  background:var(--dp-deep);
  color:#FFFFFF;
  font-size:12px;
  font-weight:700;
  line-height:1;
}

[data-section="dashport-assessment-offer"] .dp-offer__poc{
  margin-top:34px;
  padding-top:30px;
  border-top:2px solid var(--dp-mist-2);
}

[data-section="dashport-assessment-offer"] .dp-offer__poctitle{
  margin:0 0 20px;
  font-family:var(--display);
  font-size:clamp(22px,1.9vw,28px);
  font-weight:var(--display-weight);
  line-height:1.12;
  color:var(--dp-deep);
}

[data-section="dashport-assessment-offer"] .dp-offer__pocsteps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  background:var(--dp-mist-2);
}

[data-section="dashport-assessment-offer"] .dp-offer__pocstep{
  background:var(--dp-mist);
  padding:28px 24px 30px;
}

[data-section="dashport-assessment-offer"] .dp-offer__pocweek{
  display:block;
  font-family:var(--display);
  font-size:clamp(22px,1.8vw,26px);
  line-height:1;
  color:var(--dp-gold);
}

[data-section="dashport-assessment-offer"] .dp-offer__poctext{
  display:block;
  margin-top:14px;
  color:var(--dp-ink);
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.4;
}

@media (max-width:1080px){
  [data-section="dashport-assessment-offer"] .dp-offer__in{
    grid-template-columns:1fr;
  }
}

@media (max-width:820px){
  [data-section="dashport-assessment-offer"] .dp-offer__checks,
  [data-section="dashport-assessment-offer"] .dp-offer__pocsteps{
    grid-template-columns:1fr;
  }
}