/* One visible price group doubles as the eligible account's package selector. */
.account-card .account-price-overview { padding: 14px 16px; }
.account-card .account-price-heading { margin-bottom: 10px; }
.account-card .account-single-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 10px; }
.account-card .account-single-price-grid .account-plan { min-width: 0; width: 100%; margin: 0; padding: 12px 10px; text-align: center; }
.account-card .account-single-price-grid .account-plan:disabled { opacity: 1; cursor: default; background: #fff; color: #4d3e42; border-color: #e8dadd; }
.account-card .account-single-price-grid .account-plan:disabled:hover { background: #fff; border-color: #e8dadd; transform: none; box-shadow: none; }
.account-card .account-single-price-grid .account-plan strong { display: block; margin: 3px 0; }
.account-card .account-single-price-grid .account-plan small { white-space: normal; }
.account-card #accountPaymentMethod, .account-card #accountPaymentAvailability, .account-card #accountUpgradeHelp { margin: 6px 0 0; }
@media (max-width: 400px) {
  .account-card .account-price-overview { padding: 12px; }
  .account-card .account-single-price-grid { gap: 8px; }
  .account-card .account-single-price-grid .account-plan { padding: 10px 6px; }
  .account-card .account-single-price-grid .account-plan small { font-size: 11px; }
}

.account-card #accountPriceContext:empty,.account-card #accountPaymentAvailability:empty{display:none}

/* Membership status sets the default; native details keeps manual toggling accessible. */
.account-card details.account-price-overview > summary.account-price-heading{min-height:44px;align-items:center;flex-wrap:nowrap;list-style:none;cursor:pointer;margin:-8px 0 10px;outline-offset:4px}
.account-card .account-price-heading::-webkit-details-marker{display:none}
.account-card .account-price-heading strong{font:inherit}
.account-card .account-price-heading .account-price-currency{margin-left:auto}
.account-card details.account-price-overview > summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 auto;margin:0 3px 4px auto}
.account-card details.account-price-overview[open] > summary::after{transform:rotate(225deg);margin-left:2px;margin-bottom:0}
.account-card details.account-price-overview:not([open]){padding:4px 14px}
.account-card details.account-price-overview:not([open]) > summary{margin:0}
.account-card details.account-price-overview:not([open]) .account-price-currency{display:none}
.account-card details.account-price-overview > summary:focus-visible{outline:2px solid #c3768a;border-radius:4px}

.account-card .account-recovery-help{display:block;margin-top:8px;font-size:13px;line-height:1.7;color:#806970;white-space:normal;overflow-wrap:anywhere}.account-card .account-recovery-help code{font:inherit;color:#653e49}