/* V0.8.8 — result module: align to selection card, rebalance dark/light weight. */

/* The result belongs to the same workflow as the plan selector, so it shares
   exactly the same horizontal boundary. */
.migration-v08-result{
  width:100%;
  max-width:none;
  margin:0;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
  border-radius:19px;
  box-shadow:0 13px 34px rgba(23,25,35,.075);
}

/* Dark naturally reads heavier than white, so its geometric share is smaller. */
.migration-v08-result-summary{
  min-height:154px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  padding:28px 31px;
}
.migration-v08-result .result-price{
  font-size:50px;
  line-height:1;
}

/* Give the action half a real center rather than treating it like a padded sidebar. */
.migration-v08-result-action{
  min-height:154px;
  padding:26px 34px;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:#fff;
  border-left:1px solid #e4e6eb;
}
.migration-v08-result .btn{
  width:min(100%,330px);
  margin:0 auto;
}
.migration-v08-result .special{
  width:min(100%,360px);
  margin:11px auto 0;
  text-align:center;
  line-height:1.55;
}

@media(max-width:900px){
  .migration-v08-result{grid-template-columns:1fr}
  .migration-v08-result-action{
    min-height:132px;
    border-left:0;
    border-top:1px solid #e4e6eb;
  }
}

/* V0.8.9 — align the CTA's own centerline with the result price.
   The footnote no longer participates in vertical centering. */
.migration-v08-result-action{
  position:relative;
  display:grid;
  place-items:center;
  min-height:154px;
  padding:22px 34px 34px;
}
.migration-v08-result .btn{
  width:min(100%,330px);
  margin:0;
  align-self:center;
  justify-self:center;
}
.migration-v08-result .special{
  position:absolute;
  left:28px;
  right:28px;
  bottom:13px;
  width:auto;
  margin:0;
  text-align:center;
  line-height:1.45;
}

@media(max-width:900px){
  .migration-v08-result-action{
    min-height:132px;
    padding:20px 24px 32px;
  }
  .migration-v08-result .special{
    left:20px;
    right:20px;
    bottom:10px;
  }
}