/**
 * LEI - Page-Specific Styles
 * Extends products.css with the LEI issuing page components:
 * - Two-column pricing grid that stacks on small screens
 */

/* ==========================================================================
   Pricing Grid - products.css .pricing-grid--2col is two columns at every
   width, which is too narrow on phones. Stack it below the tablet breakpoint.
   ========================================================================== */

@media (max-width: 767px) {
    .lei-page .pricing-grid--2col {
        max-width: 320px;
        grid-template-columns: 1fr;
    }
}