/*
 * Standalone subscription page bridge.
 * The visual system itself is copied byte-for-byte from the current homepage
 * style.css. This file only handles the standalone URL and existing backend
 * states; it deliberately does not redesign the shared components.
 */

/* Ensure the single standalone panel is always the current visible panel. */
#panel-subscribe.panel { display: block; }

/* The standalone page has no other panel below it. */
main { padding-bottom: 0; }

/* Same footer hierarchy used by the homepage. */
.site-footer {
  margin: 34px auto 0;
  padding: 22px 20px calc(32px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
  color: var(--muted-2);
  font: 650 11px/1.7 var(--font-mono);
  text-align: center;
}
.site-footer-sub { margin-top: 5px; letter-spacing: .16em; }

/* Backend/error states used by the existing subscription JS. */
.sub-qr-error {
  max-width: 300px;
  margin: 0;
  color: var(--danger);
  font-size: 13px;
  line-height: 1.75;
  text-align: center;
}

/* Links must keep the exact shared button geometry. */
a.sub-btn { display: inline-flex; align-items: center; justify-content: center; }

/* Avoid a second active state being injected by an older /app.js. */
#panel-subscribe > .card { width: 100%; }

@media (max-width: 920px) {
  .site-footer { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
}