/**
 * Fixes a visual regression introduced when the pricing-card price div was
 * patched (see git history around page-DWIzbVlB2-v2.js) to wrap the price
 * number in <span data-price-minor data-price-format="split"><sup
 * class="price-symbol">£</sup><span class="price-amount">50</span></span>
 * so currency.v1.js/v2.js has something to target for £<->$ conversion.
 *
 * The original markup had the number as a bare text node directly inside
 * .price, so it just inherited .price's own big/bold styling. The existing
 * stylesheet's ".price span{font-size:11px;color:#858585;...}" rule (meant
 * for the small grey "/month" text) has higher specificity than a bare
 * ".price-amount" class and was catching the new wrapper spans too,
 * shrinking the price number and detaching it from .price's flex layout.
 *
 * Not folded into assets/index-CHBFTbGm.css because that file is served
 * immutably-cached for 30 days like every other asset here — a separate,
 * new filename means visitors don't need to wait out that cache to get
 * the fix, same reasoning as the currency.v1.js -> v2.js split.
 */
/*
 * The wrapper span is itself a plain <span> inside .price, so the
 * stylesheet's ".price span{font-size:11px;...}" rule shrinks IT too —
 * not just the .price-amount span below, which inherits from this wrapper
 * and so was still picking up 11px transitively even with its own
 * font-size reset to "inherit". Both levels need resetting.
 */
.price [data-price-format="split"] {
  display: contents;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
  align-self: auto;
  margin: 0;
}
.price .price-amount {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
  align-self: auto;
  margin: 0;
}
