/* Shared new-license cards; renew.htm uses only the light payment surround. */
.page-purchasenu .page-heading h1{max-width:none}
.page-purchasenu .pricing-grid.tier-focus-ready{align-items:start;isolation:isolate}
/* Use the existing price area, including its margins, for the tier summary. */
.page-purchasenu .plan-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:10px;order:-1}
.page-purchasenu .plan-highlights{display:grid;gap:3px;justify-self:end;max-width:100%;font-size:.65rem;line-height:1.4;color:#c4e6fc}
.page-purchasenu .plan-highlights>span{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:4px}
.page-purchasenu .plan-highlights .plan-check{color:#92d5ff}
/* Keep PayPal's high-z-index frames inside their own card's stacking layer. */
.tier-slot{position:relative;min-width:0;z-index:0;isolation:isolate}
.tier-slot.is-front{z-index:3}
.page-purchasenu .tier-slot .pricing-card{
  width:100%;max-width:none;left:0;overflow:hidden;
  transition:width .22s ease,left .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.page-purchasenu .tier-slot.is-front .pricing-card{
  width:var(--tier-open-width);left:var(--tier-open-left);
  border-color:#9dd8ff;box-shadow:0 20px 65px #0009,0 0 0 1px #80cfff45;
  background:linear-gradient(145deg,#293448,#1b2230);
}
.tier-overview{display:flex;flex-direction:column;min-height:var(--tier-details-height,0px)}
.tier-overview>span>u,.tier-overview>span>b{font-size:1.06rem;color:var(--text);line-height:1.5}
.page-purchasenu .tier-overview>ul{flex:1;margin-bottom:8px}
.page-purchasenu .tier-overview>ul>li:last-child{margin-bottom:0}
.page-purchasenu .tier-overview>hr{margin:12px 0 16px}
.tier-overview>p:last-child{margin-bottom:6px}
.tier-checkout-status{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.72rem;color:#cbe7ff;line-height:1.4}
.tier-checkout-status button{border:0;background:none;padding:3px 0;color:#cbe7ff;text-decoration:underline;text-underline-offset:3px;font-size:.72rem;white-space:nowrap}
.tier-checkout-status button:hover{color:white}
/* Borrow space from the card padding so the light panel does not narrow the form.
   PayPal still controls its frame dimensions and expanded checkout height. */
.page-purchasenu .tier-slot [id^=paypal-button-container],
.page-renew .purchase-card [id^=paypal-button-container]{
  box-sizing:border-box;padding:10px 10px 14px;
  background:#f7f7f7;color:#222;color-scheme:only light;border-radius:8px;
}
.page-purchasenu .tier-slot [id^=paypal-button-container]{width:calc(100% + 20px);max-width:none;margin:0 -10px}
.page-renew .purchase-card [id^=paypal-button-container]{width:100%;max-width:470px;margin:0 auto}
.page-purchasenu .tier-slot [id^=paypal-button-container] iframe,
.page-renew .purchase-card [id^=paypal-button-container] iframe{color-scheme:only light}
.tier-payment-error{font-size:.78rem;color:#ffd3c4;margin:10px 0}
.tier-switch-dialog{color:var(--text);background:#202735;border:1px solid #7187a5;border-radius:18px;padding:30px;width:min(460px,calc(100vw - 32px));box-shadow:0 25px 100px #0009}
.tier-switch-dialog::backdrop{background:#070a13b8;backdrop-filter:blur(3px)}
.tier-switch-dialog h2{font-size:1.5rem;margin:0 0 15px}
.tier-switch-dialog p{font-size:.92rem;color:#c1c8d6;line-height:1.65}
.tier-switch-dialog .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.tier-switch-dialog button{padding:11px 15px;border-radius:8px;border:1px solid #627188;background:#293345;color:var(--text);font-size:.83rem;font-weight:600}
.tier-switch-dialog .tier-switch-confirm{background:#92d5ff;color:#09223a;border-color:#92d5ff}
.tier-switch-dialog button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){
  .page-purchasenu .tier-slot .pricing-card{padding:30px 20px 20px}
  .tier-overview{min-height:0}
  .tier-checkout-status{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.page-purchasenu .tier-slot .pricing-card{transition:none}}
@media print{.tier-switch-dialog,.tier-checkout-status{display:none!important}.page-purchasenu .tier-slot .pricing-card{width:100%!important;left:0!important}}
