/* Candidate-local DASHPORT risk-card grid styles. */
[data-section="dashport-risk-card-grid"].dp{
  --dp-ink:#06301B;
  --dp-deep:var(--deep);
  --dp-sage:var(--sage);
  --dp-mist:#F1F5F3;
  --dp-mist-2:#E4EBE7;
  --dp-gold:var(--gold);
  background:var(--dp-mist);
  box-sizing:border-box;
  padding:var(--section-padding-y) 0;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-risk-card-grid"] *,
[data-section="dashport-risk-card-grid"] *::before,
[data-section="dashport-risk-card-grid"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-risk-card-grid"] .dp-head{
  margin-bottom:56px;
}

[data-section="dashport-risk-card-grid"] .dp-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--dp-sage);
  margin:0 0 20px;
}

[data-section="dashport-risk-card-grid"] .dp-kicker::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--dp-gold);
}

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

[data-section="dashport-risk-card-grid"] .dp-risk__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2px;
}

[data-section="dashport-risk-card-grid"] .dp-risk__card{
  background:#FFFFFF;
  padding:36px 28px 44px;
  min-height:360px;
  display:flex;
  flex-direction:column;
  gap:20px;
  border-top:4px solid var(--dp-gold);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(2){
  border-top-color:var(--dp-sage);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(3){
  border-top-color:var(--dp-gold);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4){
  border-top-color:var(--dp-sage);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
  border-top-color:var(--dp-gold);
}

[data-section="dashport-risk-card-grid"] .dp-risk__card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(6,48,27,.12);
}

[data-section="dashport-risk-card-grid"] .dp-risk__idx{
  font-family:var(--display);
  font-size:46px;
  line-height:.9;
  color:var(--dp-mist-2);
}

[data-section="dashport-risk-card-grid"] .dp-risk__wound{
  margin:0;
  font-family:var(--display);
  font-size:clamp(20px,1.7vw,24px);
  font-weight:var(--display-weight);
  line-height:1.15;
  color:var(--dp-deep);
  text-wrap:pretty;
}

[data-section="dashport-risk-card-grid"] .dp-risk__body{
  margin:10px 0 0;
  color:var(--grey-mid);
  font-size:16px;
  line-height:1.55;
}

@media (max-width:1180px){
  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card{
    grid-column:span 2;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4),
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 3;
  }
}

@media (max-width:820px){
  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card,
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(4),
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 1;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 2;
  }
}

@media (max-width:620px){
  [data-section="dashport-risk-card-grid"] .dp-title{
    max-width:none;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__grid{
    grid-template-columns:1fr;
  }

  [data-section="dashport-risk-card-grid"] .dp-risk__card,
  [data-section="dashport-risk-card-grid"] .dp-risk__card:nth-child(5){
    grid-column:span 1;
  }
}
