/* Keep the popular plan in front without widening the mobile layout. */
.pricing-card-featured{z-index:1;box-shadow:0 22px 56px -18px #1976f35c,0 0 0 1px #438cef40}
.pricing-badge{color:#fff;font-weight:650}
@media(min-width:821px){
  .pricing-grid{padding-block:16px}
  .pricing-card-featured{scale:1.04;translate:0 -10px}
}
:root[data-theme=light] .pricing-card-featured{box-shadow:0 22px 56px -18px #1976f340,0 0 0 1px #438cef40}

.pricing-savings-intro{text-align:center;margin:24px 0 18px;color:var(--ink);font-size:20px;font-weight:650}
.pricing-savings-intro small{color:var(--muted);font-size:14px;font-weight:400}
.billing-switch button{display:flex;flex-direction:column;align-items:center;gap:4px}
.period-saving,.pricing-price>.pricing-saving{color:#08251b;background:#70e3af;border-radius:6px;padding:3px 9px;font-size:14px;font-weight:750;line-height:1.4;letter-spacing:0}
.pricing-price>.pricing-saving{align-self:flex-start;margin-bottom:6px;font-size:18px;padding:5px 12px}
:root[data-theme=light] .pricing-price>.pricing-saving{color:#08251b}
.pricing-price>.pricing-original{font-size:26px;font-weight:600;color:var(--muted);line-height:1.25;text-decoration-thickness:2px}
.pricing-price>[data-price-display]{font-size:44px;font-weight:700;overflow-wrap:anywhere}
.pricing-card .price-options{display:none}
@media(max-width:820px){
  .pricing-card .pricing-price{grid-column:1/-1;grid-row:auto;align-items:flex-start;text-align:left;margin:8px 0}
  .pricing-card .pricing-name{grid-row:auto}
  .pricing-price>[data-price-display]{font-size:40px}
  .pricing-savings-intro{font-size:18px}
  .period-saving{font-size:12px;padding:3px 6px}
}