/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: card-edge anchors.
 *
 * For pills/buttons that overhang or sit on a card's edges. The
 * parent must be `position: relative`. The half-overhang offsets
 * (-11/-12/-14/-16 px) are calibrated to specific element heights
 * used in the landing-page pricing cards — they aren't tokenizable.
 */

.card-anchor                       { position: absolute; z-index: 1; white-space: nowrap; }
.card-anchor--top-left-edge        { top: -14px; left: calc(var(--spacing-32) * 2 + 40px - var(--spacing-12)); } /* "Example" pill (28px tall .pill--lg, half-overhang centered on border; left positioned so the pill's TEXT — not its background — aligns with the rec card content title. Title starts at inner-padding + rail-width + gap = 104px; subtract the pill's horizontal padding (--spacing-12) so its inner text begins at 104px. */
.card-anchor--top-center-edge      { top: -11px; left: 50%; transform: translateX(-50%); }  /* "Full Access" pill on the Lifetime card (22px tall) */
.card-anchor--top-right-inset      { top: var(--spacing-32); right: var(--spacing-32); }    /* "Early bird pricing" inside the Lifetime card */
.card-anchor--bottom-center-edge   { bottom: -16px; left: 50%; transform: translateX(-50%); } /* "Show Another" button under the rec card (32px tall) */