/* The till speaks up when money is about to change hands, or stop: a
   free week running out, a subscription told not to renew. Quiet enough
   for a settings page, loud enough that nobody is surprised by a
   charge. */
@layer components {

.subscription__notice {
  margin: 0.9rem 0;
  padding: 0.85rem 1rem;
  background: var(--dawn);
  border-left: 3px solid var(--gold);
  border-radius: 0 8px 8px 0;
  line-height: 1.55;
}
.subscription__notice strong { color: var(--gold); white-space: nowrap; }
.subscription__trial {
  margin: 1.2rem 0 0;
  padding: 0.75rem 1rem;
  background: var(--dawn);
  border-left: 3px solid var(--gold);
  border-radius: 0 8px 8px 0;
  line-height: 1.5;
}
.subscription__trial strong { color: var(--gold); }
.subscription__choices { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 1.5rem 0 0; }
.subscription__choices form { margin: 0; }
.subscription__choices .button { margin-top: 0; }
.subscription__fine { margin: 0.8rem 0 0; font-size: 0.85rem; color: var(--ink-dim); }

/* The till, standing where the sky closes: at the end of a reading that
   has run out of free follow-ups, or in the door a seeking would have
   opened. An offer, not a wall — so it wears the paper, not an alarm,
   and carries the whole card itself: wherever it stands, it is dressed. */
.upgrade {
  margin: 1.5rem 0 0;
  padding: 1.2rem 1.3rem;
  background: var(--paper-high);
  border: 1px solid var(--line);
  border-top: 3px solid var(--gold-bright);
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.upgrade p:first-child { margin-top: 0; }
.upgrade__aside { margin-top: 1.5rem; text-align: center; }

}