/* V165: integrate SpinOut U flip cards into the opening block */
body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro{
  margin-bottom:clamp(22px,3vw,40px)!important;
}

body .home-opening-card{
  display:block!important;
}

body .home-opening-flip-wrap{
  margin:clamp(24px,3vw,38px) 0 0!important;
  padding:clamp(18px,2.2vw,26px)!important;
  border-radius:clamp(24px,2.4vw,34px)!important;
  background:linear-gradient(180deg,rgba(248,251,255,.88),rgba(255,255,255,.72))!important;
  border:1px solid rgba(205,219,237,.86)!important;
  box-shadow:0 18px 54px rgba(8,24,52,.08)!important;
}

body .home-opening-flip-wrap .spinout-flip-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 clamp(16px,2vw,22px)!important;
}

body .home-opening-flip-wrap .spinout-flip-section-head p{
  margin:0!important;
  color:#a77a13!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

body .home-opening-flip-wrap .spinout-flip-section-head h2{
  margin:4px 0 0!important;
  color:#061633!important;
  font-size:clamp(24px,2.5vw,38px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:850!important;
}

body .home-opening-flip-wrap .spinout-flip-section-head span{
  max-width:260px!important;
  color:#637186!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:750!important;
}

body .home-opening-flip-wrap .spinout-identity-grid.spinout-flip-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  margin:0!important;
}

body .home-opening-flip-wrap .spinout-identity-card.spinout-flip-card{
  min-height:clamp(270px,24vw,350px)!important;
  height:auto!important;
  perspective:1400px!important;
}

body .home-opening-flip-wrap .spinout-flip-face{
  border-radius:26px!important;
  padding:clamp(18px,2.4vw,28px)!important;
}

body .home-opening-flip-wrap .spinout-flip-front{
  background:
    radial-gradient(circle at 7% 8%, rgba(201,154,37,.13), transparent 34%),
    linear-gradient(135deg,#ffffff,#f7fbff)!important;
  border:1px solid rgba(205,219,237,.92)!important;
  color:#061633!important;
  box-shadow:0 16px 46px rgba(8,24,52,.08)!important;
}

body .home-opening-flip-wrap .spinout-flip-back{
  background:linear-gradient(180deg,#061633,#0d234e)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 56px rgba(6,22,51,.22)!important;
}

body .home-opening-flip-wrap .spinout-flip-top{
  gap:14px!important;
}

body .home-opening-flip-wrap .spinout-flip-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
}

body .home-opening-flip-wrap .spinout-flip-kicker{
  font-size:11px!important;
  letter-spacing:.16em!important;
}

body .home-opening-flip-wrap .spinout-flip-front h3{
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
  margin:0!important;
  color:#061633!important;
}

body .home-opening-flip-wrap .spinout-flip-front > p{
  margin-top:clamp(18px,2vw,26px)!important;
  color:#536179!important;
  font-size:clamp(15px,1.05vw,17px)!important;
  line-height:1.48!important;
  font-weight:650!important;
}

body .home-opening-flip-wrap .spinout-flip-cue{
  margin-top:auto!important;
}

body .home-opening-flip-wrap .spinout-flip-back ul{
  display:grid!important;
  gap:10px!important;
  margin:14px 0 0!important;
  padding:0!important;
  list-style:none!important;
  max-height:210px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}

body .home-opening-flip-wrap .spinout-flip-back li{
  display:grid!important;
  gap:3px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}

body .home-opening-flip-wrap .spinout-flip-back li b{
  color:#fff!important;
  font-size:13.5px!important;
  line-height:1.15!important;
}

body .home-opening-flip-wrap .spinout-flip-back li span{
  color:rgba(255,255,255,.74)!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}

body .home-opening-actions{
  margin-top:clamp(22px,2.7vw,34px)!important;
  justify-content:flex-start!important;
}

body .rows#rows{
  margin-top:clamp(18px,2.4vw,34px)!important;
}

/* Remove old standalone identity-section spacing if any legacy CSS still targets it */
body .spinout-identity-section:empty{
  display:none!important;
}

@media(max-width:900px){
  body .home-opening-flip-wrap .spinout-flip-section-head{
    display:grid!important;
    gap:8px!important;
  }
  body .home-opening-flip-wrap .spinout-flip-section-head span{
    max-width:none!important;
  }
  body .home-opening-flip-wrap .spinout-identity-grid.spinout-flip-grid{
    grid-template-columns:1fr!important;
  }
  body .home-opening-flip-wrap .spinout-identity-card.spinout-flip-card{
    min-height:290px!important;
  }
}

@media(max-width:760px){
  body .home-opening-flip-wrap{
    padding:14px!important;
    border-radius:22px!important;
    margin-top:20px!important;
  }
  body .home-opening-flip-wrap .spinout-flip-section-head h2{
    font-size:26px!important;
  }
  body .home-opening-flip-wrap .spinout-identity-card.spinout-flip-card{
    min-height:315px!important;
  }
  body .home-opening-flip-wrap .spinout-flip-face{
    padding:18px!important;
    border-radius:22px!important;
  }
  body .home-opening-flip-wrap .spinout-flip-back ul{
    max-height:205px!important;
  }
  body .home-opening-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body .home-opening-actions a{
    width:100%!important;
  }
}