/* Round 31 — Education phone flip-card natural motion fix.
   Keep all existing layout/content intact; only refine the card-turn behavior
   on phone so the flip reads like a cleaner card turnover with no mid-card bend. */
@media (max-width:760px){
  body.education-page .education-five-degree-grid{
    -webkit-perspective:none!important;
    perspective:none!important;
    -webkit-transform-style:flat!important;
    transform-style:flat!important;
  }

  body.education-page .education-flip-card{
    -webkit-perspective:1800px!important;
    perspective:1800px!important;
    -webkit-perspective-origin:50% 50%!important;
    perspective-origin:50% 50%!important;
    isolation:isolate!important;
    contain:paint!important;
  }

  body.education-page .education-flip-card__inner{
    width:100%!important;
    height:100%!important;
    -webkit-transform-origin:50% 50%!important;
    transform-origin:50% 50%!important;
    -webkit-transform-style:preserve-3d!important;
    transform-style:preserve-3d!important;
    transition:transform .72s cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform!important;
  }

  body.education-page .education-flip-card__face{
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    -webkit-transform-style:flat!important;
    transform-style:flat!important;
    will-change:transform!important;
  }

  body.education-page .education-flip-card__front{
    -webkit-transform:rotateY(0deg) translateZ(0.1px)!important;
    transform:rotateY(0deg) translateZ(0.1px)!important;
  }

  body.education-page .education-flip-card__back{
    -webkit-transform:rotateY(180deg) translateZ(0.1px)!important;
    transform:rotateY(180deg) translateZ(0.1px)!important;
  }

  body.education-page .education-flip-card.is-flipped .education-flip-card__inner{
    -webkit-transform:rotateY(180deg)!important;
    transform:rotateY(180deg)!important;
  }
}