/* Final pricing spacing pass: tighter vertical rhythm, same visuals and behavior. */
@media (min-width: 761px) {
  html body section.plans#plans .plan-grid article,
  html body section.plans#plans .plan-grid article.featured {
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
  }

  html body section.plans#plans .plan-grid article .plan-no,
  html body section.plans#plans .plan-grid article.featured .plan-no {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  html body section.plans#plans .plan-grid article h3 {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }

  html body section.plans#plans .plan-grid article > p {
    margin-bottom: 16px !important;
  }

  html body section.plans#plans .plan-grid article .plan-price {
    min-height: 42px !important;
    margin: 0 !important;
  }

  html body section.plans#plans .plan-grid article .ref-features {
    top: 252px !important;
  }

  html body section.plans#plans .plan-grid article .plan-btn {
    bottom: 24px !important;
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* On smaller screens cards remain content-driven; only soften header spacing. */
@media (max-width: 760px) {
  html body section.plans#plans .plan-grid article .plan-no {
    margin-bottom: 18px !important;
  }

  html body section.plans#plans .plan-grid article > p {
    margin-bottom: 15px !important;
  }

  html body section.plans#plans .plan-grid article .plan-price {
    margin-top: 0 !important;
    margin-bottom: 17px !important;
  }
}