            .qr-section {
                grid-template-columns: 1fr; /* Stack instructions and QR code panel */
            }
        }

        @media (max-width: 768px) {
            .main-content {
                padding: 10px;
                 grid-template-columns: 1fr; /* Ensure it's still 1fr for smaller screens */
            }
            
            .links-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
        