/* Keep the pause readable with the deployed static CSS, independent of a
   Tailwind rebuild. It must remain visible without JavaScript. */
#one-time-purchase-pause {
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  border: 1px solid #4f46e5;
  border-radius: .75rem;
  background: #fff;
  color: #111827;
}
#one-time-purchase-pause p { margin-top: .75rem; line-height: 1.65; }
#one-time-purchase-pause h2 { margin-top: .5rem; line-height: 1.3; }
#one-time-purchase-pause a { color: #4338ca; text-decoration: underline; }
#one-time-purchase-pause p:last-child { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
#one-time-purchase-pause a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.dark #one-time-purchase-pause { background: #161c2d; color: #fff; }
.dark #one-time-purchase-pause p { color: #cbd5e1; }
.dark #one-time-purchase-pause a { color: #c7d2fe; }