/* v5.5.47 · Give the bottom action more breathing room and animate the
   outer card height together with the perk accordion. */

@media(min-width:1281px){
  #specializationCards{
    --spec-compact-card-height:442px;
  }

  #specializationCards .specialization-card,
  #specializationCards .specialization-card.base-card,
  #specializationCards .specialization-card.state-3{
    height:var(--spec-compact-card-height)!important;
    min-height:var(--spec-compact-card-height)!important;
  }

  /* Expanded cards are driven by explicit pixel height during the animation,
     then handed back to auto after opening. */
  #specializationCards .specialization-card.has-expanded-perk{
    min-height:var(--spec-compact-card-height)!important;
    overflow:hidden!important;
  }

  #specializationCards .specialization-card .spec-card-actions,
  #specializationCards .specialization-card .spec-card-actions.single{
    margin-bottom:16px!important;
  }
}

/* Slightly slower accordion content motion so it visually matches the shell. */
#specializationCards .base-perk-block .spec-perk-desc,
#specializationCards .spec-extra-perk-block .spec-perk-desc,
#specializationCards .spec-extra-perk-block .spec-reward-desc{
  transition:
    max-height .44s cubic-bezier(.22,.68,.24,1),
    opacity .30s ease,
    transform .44s cubic-bezier(.22,.68,.24,1),
    padding .44s cubic-bezier(.22,.68,.24,1)!important;
}

#specializationCards .base-perk-block .spec-perk-top::after,
#specializationCards .spec-extra-perk-block .spec-perk-top::after{
  transition:transform .34s cubic-bezier(.22,.68,.24,1),color .24s ease!important;
}