/* Tool page only. Phones + tablets: head, buy card, details (the price and Buy come right after the name);
   from 1024 px: head + details on the left, the buy card in a sticky column on the right. */
.nx-sf-product { grid-template-areas: "head" "buy" "body"; }
.nx-sf-area-head { grid-area: head; }
.nx-sf-area-buy { grid-area: buy; min-width: 0; }
.nx-sf-area-body { grid-area: body; }
@media (min-width: 64rem) {
  .nx-sf-product { grid-template-areas: "head buy" "body buy"; grid-template-rows: auto 1fr; row-gap: 1.75rem; }
  .nx-sf-area-buy { align-self: stretch; }
}
.nx-sf-buy-alt { font-size: .8125rem; line-height: 1.5; color: var(--secondary-foreground); text-align: center; text-wrap: balance; }
.nx-sf-buy .nx-muted { font-size: .75rem; }
.nx-sf-buy legend.nx-label { grid-column: 1 / -1; padding: 0; }
.nx-sf-gone .nx-error-code { margin-top: -.25rem; }
.nx-sf-tpay .kt-card-content { display: flex; flex-direction: column; gap: 1rem; }
@media (min-width: 40rem) { .nx-sf-methods-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }