/* D4.3: make the annual recommendation visible without selecting a purchase. */
.pricing-plans tr > :nth-child(4) {
  background:rgba(34,211,238,.09);
  border-inline:2px solid #8de8f3;
}
.pricing-plans thead tr > :nth-child(4) {
  background:rgba(34,211,238,.16);
  border-top:2px solid #8de8f3;
}
.pricing-plans tbody tr:last-child > :nth-child(4) {
  border-bottom:2px solid #8de8f3;
}
.pricing-plan-badge {
  display:inline-block;
  margin-bottom:.65rem;
  padding:.3rem .65rem;
  border-radius:999px;
  background:#8de8f3;
  color:#07151b;
  font-size:.75rem;
  line-height:1.4;
  font-weight:800;
}
.pricing-plan-name {display:block;}
.pricing-plan-benefit {
  display:block;
  margin-top:.4rem;
  color:var(--text-muted);
  font-size:.85rem;
  line-height:1.4;
  font-weight:500;
}
.pricing-value-note {
  margin-top:-.25rem;
  padding:1rem 1.15rem;
  border-inline-start:3px solid #8de8f3;
  border-radius:0 .5rem .5rem 0;
  background:rgba(34,211,238,.06);
  color:var(--text-muted);
  font-size:.95rem;
}
.pricing-value-note strong {color:var(--text);}
@media(max-width:560px) {
  .pricing-plans th,.pricing-plans td {padding:.8rem .65rem;}
  .pricing-plan-badge {font-size:.7rem;padding:.25rem .45rem;}
}