@layer components {
  .shop-pdf-cta--bundle {
    width: 95%;
    margin: 1.5rem auto 0.5rem;
    padding: 2.5rem 1rem 2rem;
    border: 1px solid color-mix(in srgb, var(--text-accent) 25%, transparent);
    border-radius: var(--radius-md, 0.5rem);
    background: var(--section-bg-top);
    text-align: center;
  }

  /* member-bundle-cta.njk is signed-in-only: the episode PDF bundle is
     promoted to signed-out visitors solely through join-cta.njk. While
     __TGK_AUTH_READY__ is resolving the card stays invisible but keeps
     its layout space; once resolved it is removed entirely for signed-
     out visitors. Gated on .tgk-js (set synchronously in base.njk) so a
     no-JS visitor, who cannot have the state determined, still sees it. */
  .tgk-js .member-bundle-cta.is-auth-pending {
    visibility: hidden;
    opacity: 0;
  }

  .member-bundle-cta.is-signed-out {
    display: none;
  }
}