/* Round 34 — Education phone uses the SAME flip mechanics as desktop.
   Phone sizing and one-column layout remain untouched. Only the animation /
   3D card-turn rules are aligned to the desktop implementation. */
@media (max-width:760px){
  body.education-page .education-five-degree-grid{
    -webkit-perspective:1400px!important;
    perspective:1400px!important;
  }

  body.education-page .education-flip-card{
    -webkit-perspective:1200px!important;
    perspective:1200px!important;
    -webkit-perspective-origin:50% 50%!important;
    perspective-origin:50% 50%!important;
    overflow:visible!important;
    contain:none!important;
    isolation:auto!important;
    -webkit-transform-style:flat!important;
    transform-style:flat!important;
    transform:none!important;
    filter:none!important;
  }

  body.education-page .education-flip-card__inner{
    position:relative!important;
    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;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    transition:transform .62s cubic-bezier(.2,.7,.2,1)!important;
    filter:none!important;
  }

  body.education-page .education-flip-card__face{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    border-radius:8px!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    -webkit-transform-style:flat!important;
    transform-style:flat!important;
    opacity:1!important;
    transition:none!important;
  }

  body.education-page .education-flip-card__front{
    z-index:auto!important;
    -webkit-transform:rotateY(0deg)!important;
    transform:rotateY(0deg)!important;
  }

  body.education-page .education-flip-card__back{
    z-index:auto!important;
    -webkit-transform:rotateY(180deg)!important;
    transform:rotateY(180deg)!important;
  }

  body.education-page .education-flip-card.is-flipped{
    transform:none!important;
    filter:none!important;
  }

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